因为在电脑上的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);
}
这样就可以了
(只是记录自己遇到过的,答案也是在网上找的)