2017-09-09 3 views
1


Ich habe diese Media Query erfolgreich auf Google Chrome getestet, aber irgendwie hat Microsoft Edge Probleme damit. Stimmt etwas nicht mit diesen Fragen? Oder ist es nur ein Fehler in Microsoft Edge?Microsoft Edge, Media Query funktioniert nicht

UPDATE: Es sieht aus wie ein Rand-Klasse ohne Frage der Medien benötigt, so dass ich hinzugefügt .height-fix{height:650px} und es funktioniert.

Warum brauche ich diese Abfragen? Ich benutze es, um Content Jumping eines Hero Image Sliders zu verhindern. Und ich brauche, um es auf Edge zu arbeiten :(

@media all and (min-width:875px) and (max-width:980px) { 
.height-fix { 
height : 610px; 
} 
} 

@media all and (min-width:768px) and (max-width:875px) { 
.height-fix { 
height : 575px; 
} 
} 

Dies ist die Abfrage, die es nicht funktioniert sollte OVER 1367px OVER 768px und eine Breite Geräte mit einer Höhe Ziel:

@media (min-height:768px) and (min-width:1367px) { 
.height-fix { 
height : 650px; 
} 
} 

@media (max-height:768px) and (min-width:1366px) and (max-width:1366px) { 
.height-fix { 
height : 520px !important ; 
} 
} 
+0

keine Antwort, sondern Microsofts IE (der Vorgänger von Edge) war immer berüchtigt dafür, CSS-Unterstützungsprobleme zu haben, als die anderen großen Browser alle arbeiteten. Ich wäre nicht überrascht, wenn Edge dieser Tradition folgen würde. –

Antwort

1

es sieht aus wie ein Edge-Klasse ohne Frage der Medien benötigt, so dass ich hinzugefügt .height-fix{height:650px} und es funktioniert.

Verwandte Themen