Chrome响应式视图与浏览器窗口+ srcset，大小

Question

我有这段代码

num

我正在使用Chrome，并且我已在Dev工具中禁用了缓存。

我遇到的问题是，当我使用＆＃34;响应式视图＆＃34;它并没有像预期的那样表现。我没有看到图像更新或期望图像加载 - 即使在硬刷新之后。

然而，当我调整Window的大小时（但是我无法以这种方式测试x2）我缺少什么？响应式视图和srcset / sizes是否存在差异。我在这里错过了一个陷阱吗？

Answer 1

使用以下代码：

<img src="https://via.placeholder.com/100x100"
     srcset="https://via.placeholder.com/100x100 100w,
             https://via.placeholder.com/200x200 200w,
             https://via.placeholder.com/400x400 400w,
             https://via.placeholder.com/800x800 800w"
     sizes="50vw"/>

它似乎按预期工作：

demo