移动开发

1PX 像素的设置

@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)

}

}

}

.border { border: 1px solid #999 }
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .border { border: 0.5px solid #999 }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
    .border { border: 0.333333px solid #999 }
}

转载于:https://www.cnblogs.com/handsomeboyyyyyy/p/7781052.html