我常写的移动端1px

移动端的显示1px边框的时候，总是会粗一丢丢。
写下一个常用的方法，就是用伪元素的方式制作。
.border-1{
position:relative;
}
.border-1::after{
content:’’
position：absolute；
top：0；
left：0；
width: 200%;
height:200%;
//把宽高放大两倍，在缩放回去
transform:scale(0.5);
//需要改变 变化起点 默认是中间变化
transform-origin：0 0 ；
border: 1px solid #000;
}