Html 响应式图像替换

我正在通过wordpress建立一个响应性网站，并希望在4个屏幕大小上显示3个独立的图像，这些图像是横幅广告

对于我正在使用的主题，我将代码添加到小部件中，以指定每个单独的div和图像。由于我对设计的响应方式还不熟悉，我有一个问题，我不确定理想的解决方法

css指定每个size@media，它工作正常，但是我指定display none到我想要显示和不显示的div的方法不起作用，因为它被基本样式覆盖了

IIs是否可以通过在image src元素中放置代码来指定每个媒体大小显示哪个图像？i、 e

---

如果这有点难以理解，很抱歉，但是如果有人对我的观点有兴趣，并且知道显示响应图像和替换图像的最佳方式，那就太好了。

您可以为每个图像分配一个唯一的id或使用类名，并在媒体查询中使用

显示：无

例如：

@media (max-width: 768px){
  img.myImage{
  display: none;
 }
}

您可以为每个图像分配一个唯一的id或使用类名，并在媒体查询中使用
display:none

例如：

@media (max-width: 768px){
  img.myImage{
  display: none;
 }
}

这可能会让您感兴趣：另一个您可能会发现有用的资源：这可能会让您感兴趣：另一个您可能会发现有用的资源：