选择几乘的图片

Posted 2020-11-22 tao0929

在高分辨率屏幕上，如果用@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像素。