手机端的1px细线问题

因为在电脑上的PS只能作图是1px为单位，但是当手机用二倍图的时候，我们写1px显示出来其实已经是2px了，所以这里可以这样写

<div class="box"></div>

.box{

　　width:400px;

　　height:200px;

　　position:relative;

}

.box:after{

　　

content: " ";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid #e2e2e2;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);

}

这样就可以了

 

(只是记录自己遇到过的，答案也是在网上找的)