【发布时间】：2019-02-23 04:29:16
【问题描述】：
我想知道是否可以在媒体查询中用 HTML 图像替换 CSS 中的图像。当宽度为 100% 时，通常较小的图像会变得有点模糊。我知道如何通过 CSS 插入图像，但我对学习响应式开发非常陌生。如果可能，您将如何实现这一目标？谢谢大家，我真的很感激。
【问题讨论】：
-
我会先阅读this article on MDN
标签： css image media-queries
【发布时间】：2019-02-23 04:29:16
【问题描述】：
实际上，它是用 HTML 完成的。使用the <picture> element。您可以指定媒体查询以确定要加载的图像：
<picture>
<source srcset="mdn-logo-wide.png" media="(min-width: 600px)">
<img src="mdn-logo-narrow.png" alt="MDN">
</picture>
【讨论】：
-
Llubenovic，谢谢您的回答。我尝试了你的建议。我现在看到的是相互重叠的图像。我把背景重复：不重复。我看到的重复次数减少了，但它们并没有消失。这是我的代码：
然后按照建议，我将媒体查询放在 CSS 中。 -
没关系，没关系。也许如果我使用您为其他两个图像提供的代码，它将得到修复。