移動端的1px問題

2022-06-10 分類：網站建設

移動端不同尺寸設備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)

}

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

猜你還喜歡下面的內容