不同设备下展示不同的border高度
@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)
设备像素密度测试 -webkit-min-device-pixel-ratio
属性值为2的时候为iPhone6的分辨率,3为iPhone6以上
设置其他显示样式
border-1px($color)
position: relative
&:after
display: block
position: absolute
left: 0
bottom: 0
width: 100%
border-top: 1px solid $color
content: ' '
使用
border-1px(颜色值)
border-1px(#f00)