2016-11-23 2 views
0

Ich verwende folgende Medien query:CSS-Medienabfrage gilt außerhalb des zulässigen Bereichs

@media (max-width: 1439px) and (min-width: 940px) { 
    ... 
} 

Die seltsame daran ist, dass, wenn ich es auf meinem Handy oder mit der Chrom-Geräteemulation versuchen, es gilt immer . Egal wie klein das Browser-/Emulationsfenster ist.

+0

haben sie versucht, 'zu schreiben @ Media-Bildschirm und (max-Breite: 1439px) und (min-Breite: 940px) ' – Banzay

+0

Versucht es mit" alle "und" Bildschirm ", das gleiche Ergebnis:/ – PreFiXAUT

+0

Also der Bereich, den Sie es arbeiten wollen, ist Breite -1439px und + 940px Breite. – Troyer

Antwort

2

Wenn Sie Medienanfragen verwenden, müssen Sie den Medientyp angeben (screen)

@media screen and (max-width: 1439px) and (min-width: 940px) {...} 

Die zweite Sache, müssen Sie in Ihrem HTML umfassen diese <meta>

<meta name="viewport" content="width=device-width, initial-scale=1" /> 
Verwandte Themen