移动端border的一像素

大家可以在完w3c中查询@media-----device-pixel-ratio
因为手机不同,物理像素不同,所以border的1像素截然不同
具体实现:
@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)

以上css用的是Stylus预处理 所以没有{}

你可能感兴趣的:(移动端border的一像素)