2017-01-23 6 views
1

Ich habe einen Test mit Medienanfragen einrichten wie so arbeiten:CSS Media Queries - funktioniert nicht bei Correct Breite

@media only screen and (min-width: 650px) and (max-width: 700px) { 
    #global-wrapper-cp-fefc4ea514a255df2244eaccdabbb262 * { 
     background: red !important; 
    } 
} 

jedoch die CSS ist wirksam von 666px zu 716px:

enter image description here enter image description here

Mein Browser ist bei 100% Zoom, so kann es nicht sein. Ich verwende die Chrome-Erweiterung "Browser Width".

Ich hoffe, das ist etwas einfaches, das mich rot konfrontiert verlassen wird. Kann jemand einen Rat geben? Vielen Dank.

+1

Gibt es andere Regeln, die einen roten Hintergrund angeben? Wenn Ihre Ansichtsfenstergröße größer als 700 Pixel ist, ist die Medienabfrage nicht mehr aktiv, aber möglicherweise gibt es zusätzliche Regeln, die einen roten Hintergrund erzwingen. Erstellen Sie immer ein minimales, nachprüfbares und konkretes Beispiel, das Ihr Problem reproduziert **, das in der Regel sehr hilfreich bei der Fehlersuche ist. – Terry

+0

Hey. Angst nicht, das ist die einzige Regel, die ich eingeführt habe und nichts anderes ist, einen roten Hintergrund zu haben. Wenn ich die Regel entferne, tritt der rote Hintergrund bei keiner Breite auf. –

+1

Sie müssen es innerhalb Responsive View Abschnitt testen, derzeit zeigt es '17px' Bildlaufleiste, nach dem Ausschließen dieser Breite Ihre Medienabfrage funktioniert –

Antwort

0

Sie müssen es innerhalb Responsive View Abschnitt testen, derzeit zeigt es 17px Scroll-Leiste. Nach dem Ausschließen dieser Breite funktioniert Ihre Medienabfrage.

+0

Ah das macht Sinn. Ich wusste, das wäre dumm einfach. Vielen Dank. –