Question

我遇到了一个我不知道怎么解决的问题。我使用商店脚本，我只能编辑CSS文件。我有一个带背景图像的div，在那里我有一个正常的图像：

＆＃13;

<style type="text/css">
.someclassforcss img{
some:attributes;
}
.someclassforcss {
background-image:url(/link.png);
}
</style>
<div class="someclassforcss">
            <img src="/link2.png">
</div>

＆＃13;

一切都很好，但我想使用媒体查询（或任何其他方法）隐藏移动设备div的背景图片，但我不知道如何制作它，因为媒体查询没有＆＃39 ; t仅针对特定属性，仅针对整个元素，所以如果我将隐藏div，我的img也会被隐藏，我不想要。

Answer 1

您可以更改有关媒体尺寸的属性。

您的CSS：

.someclassforcss {
   background-image:url(/link.png);
}

@media screen and (max-width: 762px){
  .someclassforcss {
     background-image: none;
  }
}

Answer 2

试试这个：

@media only screen and (max-width: 767px){
 .someclassforcss {
   background: none;
 }
}

Answer 3

您可以使用媒体查询隐藏div。例如：

@media (max-width: 600px) {
 .someclassforcss {
    display: none;
  }
}

或者如果您只想删除背景图片：

@media (max-width: 600px) {
 .someclassforcss {
    background-url: none;
  }
}

隐藏div元素而不隐藏div的一部分

3 个答案: