1 px for mobile terminals and 1 px for mobile terminals

1 px for mobile terminals and 1 px for mobile terminals

The dpi varies with devices of different sizes on the Mobile End, causing the scaling of 1 px lines to varying degrees. You can use the media to query device-pixel-ratio for different matching conditions:

@ 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 (1, 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 (1, 0.5)

}

}