移動端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)

　　}

}