在不使用JavaScript的HTML中调整图像大小

我使用媒体查询在不同断点上调整图片的大小， 我不想使用JS来调整大小，我希望所有内容都是html，因为我想在网站上使用craft作为CMS，并希望动态生成代码，我已经阅读了大量的网站和博客，它们都开始让我越来越困惑。像这样使用图片标签真的是一个聪明的解决方案吗：

<picture>
  <source srcset="img/news.jpg" media="(min-width: 1429px)">
  <source srcset="img/news_m.jpg" media="(min-width: 960px)">
  <source srcset="img/news.jpg" media="(min-width: 460px)">
  <img srcset="img/news_m.jpg"/>
</picture>

---

我无法理解img的方式（setsrc与w等），它从未真正起作用

在带有CSS的HTML中，您可以执行以下操作：

---

如果你想做网页开发，你应该阅读HTML和CSS。

我使用picturefill作为后备方案。它很好。如果有人想知道：-）谢谢大家

一切正常，我只是想知道图片标签方式是否合适。我参考了像这样的文章：我没有跟上图片标签的速度。看来这是前进的方向，所以你可以。我通常会检查新的网络技术，看看哪些浏览器支持它们，以及它们改变的可能性有多大。当它还没有成为标准时，它总是有可能更改或被删除，在这种情况下，您还必须更改代码。

<picture>
  <!--[if IE 9]><video style="display: none;"><![endif]-->
  <source srcset="img/news.jpg" media="(min-width: 1429px)">
  <source srcset="img/news_m.jpg" media="(min-width: 960px)">
  <source srcset="img/news.jpg" media="(min-width: 460px)">
  <!--[if IE 9]></video><![endif]-->
  <img srcset="img/news_m.jpg" alt="My default image">
</picture>