移动端的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)

　　}

}