选择几乘的图片

标签：媒体查询   图片   属性   设备   dev   pix   cep   资源   通过   

在高分辨率屏幕上，如果用@1X分辨率的图，会模糊。在低分辨率的屏幕上，如果用@2X分辨率的图，图片相对会稍微大一点，浪费网络资源。

补充：
css可以通过媒体查询的“device-pixel-ratio”属性来判断。
JS的话，可以通过window.devicePixelRatio获得设备像素比，获取物理像素与CSS像素之间的比例。
一倍图：当这个比率为1:1时，使用1个物理像素显示1个CSS像素。
二倍图：当这个比率为2:1时，使用4个物理像素显示1个CSS像素，
三倍图：当这个比率为3:1时，使用9（3*3）个物理像素显示1个CSS像素。

选择几乘的图片

标签：媒体查询   图片   属性   设备   dev   pix   cep   资源   通过   

原文地址：https://www.cnblogs.com/tao0929/p/11918074.html