移動端1像素問題，指的是在移動端開發(fā)中，因為屏幕分辨率問題，導(dǎo)致1像素的邊框無法正常顯示的情況。

/* css代碼 */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){
/* 針對高清屏 */
.border-1px {
border: none;
border-top: 0.01rem solid #000;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx){
/* 針對3倍屏 */
.border-1px {
border: none;
border-top: 0.02rem solid #000;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 4),
only screen and (min-device-pixel-ratio: 4),
only screen and (min-resolution: 4dppx){
/* 針對4倍屏 */
.border-1px {
border: none;
border-top: 0.04rem solid #000;
}
}

處理方法是使用CSS3中的媒體查詢，針對不同的設(shè)備分辨率設(shè)置不同的邊框樣式，來達到1像素的邊框不變形的效果。

通過媒體查詢設(shè)置邊框的單位為rem，這樣可以根據(jù)頁面根元素的字體大小進行變化，達到自適應(yīng)的效果。同時，還需要對視網(wǎng)膜屏幕進行特殊處理，對于2倍、3倍、4倍分辨率的屏幕，設(shè)置不同的邊框?qū)挾取?/p>