移动端的1px问题

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

@media（-webkit-min-device-pixel-ratio:1.5）,(min-device-pixel-ratio:1.5){//dpi: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){//dpi:2

.border-1px:after{

-webkit-transform:scaleY(0.5);

transform:scaleY(0.5)

}

}