是否可以用CSS中的HTML图像替换HTML图像？

Question

我想知道是否可以在媒体查询中用HTML图像替换CSS中的HTML图像。当宽度为100％时，通常较小的图像会变得有点模糊。我知道如何通过CSS插入图像，但是我对学习响应式开发非常陌生。如果有可能，您将如何实现？谢谢大家，我真的很感激。

Answer 1

实际上，它是用HTML完成的。使用the <picture> element。您可以指定媒体查询来确定要加载哪个图像：

<picture>
 <source srcset="mdn-logo-wide.png" media="(min-width: 600px)">
 <img src="mdn-logo-narrow.png" alt="MDN">
</picture>