Question

我想在屏幕分辨率小于1024的所有设备上隐藏div。这是在3张图像后添加空格的div：

<div class="page-banners clearer">&nbsp;</div>

这是页面：

这是我正在使用的代码：

@media only screen and (max-device-width :1024px)
 {
 .page-banners
 {
  display: none !important;
 }
}

我做错了什么？

Answer 1

确保<meta>：

中有<head>视口标记

<meta name="viewport" content="width=device-width, initial-scale=1.0">

请勿使用!important作为样式，并使用max-width代替max-device-width，如下所示：

@media only screen and (max-width:1024px){
  .page-banners {
    display: none;
  }
}