css a 自适应 |浏览器css3兼容

a{
text-decoration:none;
color:#000;
display:block;
padding:10px 20px;
width:50%;
margin:0 auto;
}
@media screen and (max-width:768px){
a{
width:80%;
font-size:14px;
padding:8px 16px;
}
}

在上面的代码中，大家设置了链接的基本属性-包括颜色，字体大小和填充。然后，通过display: block;属性，大家将链接转换为块元素，以便在移动设备上呈现良好。大家还设置了链接的宽度和居中对齐，以确保它在各种屏幕上都很好看。在媒体查询中，大家针对小屏幕设备进行了一些微调，如将链接宽度减少到80％，字体大小减小，同时也减小了填充。

CSS A自适应技术使您的链接在各种设备上看起来既美观又易于使用。记住，您的用户将从各种设备访问您的网站-在移动设备上优化您的链接是一个迅速增长的系列，使您的站点适应其适应性的第一步。