CSS：@media 查询的最大宽度不适用于某些 div 标签 [重复]

Question

最大宽度：700px 在 id="wrap2" 中不起作用

但是使用 id="wrapper"，它可以正常工作。 （现在评论了）

<style type="text/css">
@media (max-width: 700px) {
  /*#wrapper {
display: none;
}*/
  #wrap2{
    display: none;
  }
}
</style>

<div id="wrapper">
<div style="display: inline; float: left;">
   A
</div>


<div style="display: inline; float: right;" id="wrap2">
 B
</div>
</div>

Answer 1

因为您使用的是内联 css。您可以使用!important 更改内联属性。

@media (max-width: 700px) {
  #wrap2{
    display: none !important;
  }
}

<div id="wrapper">
<div style="display: inline; float: left;">
   A
</div>

<div style="display: inline; float: right;" id="wrap2">
 B
</div>
</div>

Answer 2

如果您使用外部 CSS 而不是内联，然后将此文件包含在 html 中，它可以工作。