众所周知,在移动端1px比实际的1px的要粗,那么怎么才能在移动端实现1px的边框啦??
看到这里,不知道有没有童鞋想到css3的一个属性,缩放 ,没错,就是缩放 !!
还有一个重要那就是伪元素::after
主要是css代码如下:
.border::after{
content: '';
position: absolute;
top: 0;
left: 0;
border: 1px solid #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 200%;
height: 200%;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: left top;
transform-origin: left top;
}
有疑问,请下方留言!!!