Question

我正在寻找如何使用媒体查询删除特定图像。我正在使用HTML / CSS作为网页。

这是我目前拥有的代码，它不起作用（它是实验性的）：

@media (min-width:0px) and (max-width:1200px) {

LEVEL 1.png, level 6.png, http://placehold.it/160x600, http://placehold.it/100x100 {
display:none;
}

}

任何建议都会很棒，谢谢。

Answer 1

只需给图像一个类，然后在媒体查询中：

.that-class-name {
  display: none;
}

此外，您应该删除min-width: 0。我想知道1200px以外的max-width以下的东西是否更好。那是非常广泛的。

Answer 2

您必须在媒体查询中添加一个类

@media (min-width:0px) and (max-width:1200px)
   .img { display: none; margin: 0 auto;} // your image class or can be img tag
}

刚才我回答了同样的问题Here

使用媒体查询删除“特定”图像

2 个答案: