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

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/

标签： htmlcss

Answer 1

160w 搞乱了代码：

第一张图片：

第二张图片：