移动端安卓手机不能识别border 0.5px解决方案

因为安卓手机没法识别border 0.5px,所以咱们要用0.5px的话必需要借助css3中的-webkit-transform:scale缩放来实现,
原理:将伪元素的宽设为200%,height设为1px经过-webkit-transform:scale(.5)来进行缩小一倍,这样就获得border为0.5的边框,
案例:
.ce{
position: relative;
}
.ce:after{
content: "";
display: block;
position: absolute;
left: -50%;
width: 200%;
height: 1px;
background: #ccc;
-webkit-transform:scale(0.5);
}
ce:为须要加边框的dom元素;css

相关文章
相关标签/搜索