.css
移动端 /* 1px */
.border-1px{
position: relative;
}
.border-1px:after{
position:absolute;
width:100%;
display:block;
left:0;
bottom:0;
content:'';
border:1px solid #f0f0f0;
}
@media(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){
.border-1px::after{
-webkit-transform:scaleY(0.7);
transform:scaleY(0.7);
}
}
@media(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){
.border-1px::after{
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
}
}