移动端1px

时间 2019-11-12

标签移动 1px 栏目无线繁體版

原文原文链接

移动端不一样尺寸设备dpi不一样，会形成1px线条不一样程度的缩放，可利用媒体查询device-pixel-ratio，进行不一样状况匹配：web

@media（-webkit-min-device-pixel-ratio:1.5）,(min-device-pixel-ratio:1.5){//dpi:1.5orm

　　.border-1px:after{it

　　　　-webkit-transform:scaleY(0.7);io

　　　　transform:scaleY(0.7)form

　　}transform

}webkit

@media（-webkit-min-device-pixel-ratio:2）,(min-device-pixel-ratio:2){//dpi:2查询

　　.border-1px:after{移动

　　　　-webkit-transform:scaleY(0.5);di

　　　　transform:scaleY(0.5)

　　}