html图片元素不支持小型媒体查询

我有这样一件事：

<picture>
  <source media="(min-width:1200)" srcset="big.jpg">
  <source media="(min-width:840)" srcset="small.jpg">
  <img srcset="big.jpg" alt="Test" />
</picture>

那么我的代码出了什么问题呢？

至于我的评论，答案是：我的代码在媒体查询中缺少单元声明

至于完整性，我还在这里为我的用例编写了一个更好的代码：小屏幕有一个默认图像，与840px以上的图像不同

<picture>
  <source media="(min-width:840px)" srcset="big.jpg">
  <img srcset="small.jpg" alt="Foradori">
</picture>

这将正常工作，并且只下载当前断点的正确映像。

---

还请记住，我们需要确保交叉浏览器的支持。

我将使用

和
大小
。还有，你的
min width
值上有没有遗漏一个单位声明？有趣的是，当我把我的屏幕弄得很小的时候，甚至要求所有三张图像（它们使用三张而不是两张），我haz kode:
带srcset/size不是艺术指导图片的方式，因为你不能百分之百确定浏览器会选择什么，因为它们只是建议。不管怎么说，你说得对，这里的问题是缺少单元声明！：）
<picture>
  <source media="(min-width:840px)" srcset="big.jpg">
  <img srcset="small.jpg" alt="Foradori">
</picture>