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

Question

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

标签： cssimagemedia-queries

Answer 1

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

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