响应式图像srcset始终提供最高分辨率的图像

时间:2015-01-09 17:39:13

标签: html css responsive-design

过去几天我一直在阅读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,我意识到根据正在运行的浏览器,可能会出现不同的结果。

0 个答案:

没有答案