特定の画面解像度

以下のモバイル上のdivを非表示に私はこれが3枚の画像の後にスペースを追加するdiv要素である1024よりも低い画面解像度ですべてのデバイス上の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-widthの代わりにmax-device-widthを使用しますか？ – Nimsrules

'max-device-width'の代わりに' max-width'を使用してください –

'visibility：hidden'を使ってみてください –

あなたは<head>で<meta>ビューポートのタグを持っていることを確認してください：

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

スタイルに!importantを使用して、このように、max-device-widthの代わりにmax-widthを使用しないでください：

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

2017-06-16 15:21:08

答えて