过去几天我一直在阅读srcset
和响应式图像,并对其进行了实验,我不太清楚我是否理解如何选择图像。
我在2160x1440显示器上运行,css像素比率为1.5。鉴于以下示例,我希望浏览器显示image_1.5x.jpg。
<img src="image.jpg" srcset="image_1.5x.jpg 1.5x, image_2x.jpg 2x">
但我总是得到像素比率最高的那个(在这种情况下是2倍)。如果我输入30x,则会提供该图像。是不是与我的显示器像素比率最匹配的那个?
如果我模拟慢速网络连接,则会提供默认的image.jpg。
我正在运行Chrome,我意识到根据正在运行的浏览器,可能会出现不同的结果。