移动隐藏格低于某一屏幕

分辨率我想隐藏在一个屏幕分辨率小于1024，所有设备的一个div的是，经过3个图像增加了空间的DIV：移动隐藏格低于某一屏幕

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

这是页面：

，这是我使用的代码：

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

我在做什么错？

2017-06-16 Shakamal

被迫什么你使用max-device-width而不是max-width？ – Nimsrules

使用'max-width'而不是'max-device-width' –

尝试使用'visibility：hidden' –

请确保您有在<head>一个<meta>视标签：

<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; 
    } 
}

2017-06-16 15:21:08

回答