建站百科

文章导读：本文主要阐述了“移动端适配2倍图和3倍图的用法”手机等设备的屏幕一般精度比电脑要高，所以通常尺寸下的图片在手机下往往会显得很模糊，通过使用二倍图可以解决这个问题，下面跨...，本文由跨屏网最后更新于2020-07-22，全文共530个字，预计阅读时长1分46秒。

 @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) { .img { background-image: url(../images/arrow@2x.png); background-size: 30px 30px; width: 30px; height: 30px; background-repeat: no-repeat; } }  @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min--moz-device-pixel-ratio: 3) { .img { background-image: url(../images/arrow@3x.png); background-size: 30px 30px; width: 30px; height: 30px; background-repeat: no-repeat; } }

写在最后，以上就是对于“移动端适配2倍图和3倍图的用法”的一些看法，欢迎指正、交流。

名称栏目：移动端适配2倍图和3倍图的用法
网页链接：http://test.kuaping.com/article/show103.html