图片元素中的图像宽度大于资产的宽度

Question

如何防止 img 元素中的 picture 变得比实际资产的尺寸更大？类似于加载 img 元素宽度高度和宽度设置为 auto 时？

<img src="https://dummyimage.com/160x90/000/fff" />

<!-- vs. -->

<picture>
  <source media="(min-width: 1px)" srcset="https://dummyimage.com/160x90/000/fff 160w" />
  <img />
</picture>

https://jsfiddle.net/1zbdewpc/

Answer 1

160w弄乱了代码：

第一张图片：

第二张图片：