您的位置:首页 > 移动开发

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

2017-05-19 10:07 239 查看
由于安卓手机无法识别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元素;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: