问题描述
我在网站上使用srcset，并且注意到一种模式，当容器宽度超过源图像的宽度时，浏览器（在Firefox和Safari中测试）总是选择较大的图像， 即使是1像素。我的期望是考虑到显示器的像素密度，即2倍。
这是简化的example：
<img
src="image.jpg"
sizes="301px"
srcset="https://via.placeholder.com/600 600w,https://via.placeholder.com/1200 1200w"
>
在上面，我告诉浏览器容器大小为301px，并且提供了两个图像URL，一个用于600px宽度图像，另一个用于1200px宽度图像。我期望浏览器可以提供600px宽的图像，但是它可以提供1200px宽的图像。
如果我将尺寸更改为300px或以下任何内容，我将获得600px宽度的图片。似乎有些“规则”是这样的：
如果图像宽度始终选择较大的图像
给我的印象是，浏览器会对要提供的图像做出明智的决定。似乎可以通过增大单个像素宽度来提供较大的1200px图像。即使清除缓存，其行为也保持不变。
我在这里丢失了一些东西，或者它按预期工作了吗？
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）