auf mobilen unterhalb einer bestimmten Bildschirmauflösung

Ich möchte Verstecken div ein div auf allen Geräten mit einer Bildschirmauflösung verbergen, die weniger als 1024. Dies ist der div, die den Raum nach 3 Bilder ergänzt:auf mobilen unterhalb einer bestimmten Bildschirmauflösung

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

und dies ist die Seite:

und das ist der Code, den ich verwende:

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

Was mache ich falsch?

2017-06-16 Shakamal

What gezwungen Sie Max-Device-Breite anstelle von Max-Breite verwenden? – Nimsrules

Verwenden Sie 'max-width' anstelle von' max-device-width' –

Versuchen Sie mit 'visibility: hidden' –

Vergewissern Sie sich, eine <meta> Ansichtsfenster-Tag in der <head>:

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

Sie !important nicht für den Stil verwenden, und verwenden Sie max-width statt max-device-width, wie diese:

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

2017-06-16 15:21:08

Antwort