移動端的1px問題

2022-06-10    分類： 網(wǎng)站建設(shè)

移動端不同尺寸設(shè)備dpi不同，會造成1px線條不同程度的縮放，
可利用媒體查詢device-pixel-ratio，進(jìn)行不同情況匹配：

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

}

}

網(wǎng)頁名稱：移動端的1px問題
網(wǎng)站路徑：http://muchs.cn/news/165650.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、微信公眾號、網(wǎng)站維護(hù)、虛擬主機(jī)、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計