无法弄清楚如何阻止浏览器下载比我的页面大小目标所能承受的分辨率更高的分辨率(即3倍以上的图像分辨率)
例如:我有4个图像文件:600w(2x),300w(1x),200w(2x)和100w(1x)。
乍一看,答案似乎是:
<img srcset="600w.png 600w, 300w.png 300w, 200w.png, 100w.png" sizes="(min-width: 770px) 300px, 100px">
这对于1x和2x dppx设备非常有效。当我认为存在3x dppx或更高容量的设备时,问题就开始了。如何防止浏览器下载比我预期更大的图像格式?我想将浏览器限制为2x分辨率。我该怎么做? 3倍或更高分辨率的设备可能会严重破坏页面大小。预先感谢!