Warum verhalten sich Medienabfragen in Firefox mit Bildlaufleisten fehlerhaft und wie kann mqGenie helfen?

Beheben von CSS-Medienabfrageanomalien in Firefox mit Bildlaufleisten mithilfe von mqGenie

Medienabfragen sind entscheidend für die Erstellung responsiver Webdesigns, die sich an verschiedene Bildschirmgrößen anpassen . Benutzer sind jedoch speziell auf Probleme mit CSS-Medienabfragen in Firefox gestoßen.

Beim Umgang mit Elementen, die Bildlaufleisten verursachen, haben Firefox-Benutzer berichtet, dass sich Medienabfragen möglicherweise nicht wie erwartet verhalten. Wenn Sie das Browserfenster in Firefox auf etwa 800 Pixel verkleinern, werden möglicherweise zwei Divs ausgeblendet, anstatt eine Bildlaufleiste anzuzeigen. Dieses Problem tritt in Chrome nicht auf.

Um diese Anomalie zu beheben, wurde eine einfache Lösung gefunden: die Verwendung der JavaScript-Bibliothek „mqGenie“. Durch die Einbindung des mqGenie-Skripts in den HTML-Kopf Ihres Projekts können Sie sicherstellen, dass die Medienabfragebreiten in allen Browsern (einschließlich Firefox, Chrome, Safari und IE) konsistent funktionieren, unabhängig davon, ob Bildlaufleisten vorhanden sind oder nicht.

mqGenie wurde entwickelt, um CSS-Medienabfragen in Browsern anzupassen, die die Breite der Bildlaufleiste in die Breite des Ansichtsfensters einbeziehen, sodass sie in der beabsichtigten Größe ausgelöst werden können. Dadurch wird das Firefox-Bildlaufleistenproblem gelöst, sodass Medienabfragen wie erwartet in allen gängigen Browsern funktionieren.

Um die mqGenie-Bibliothek zu erhalten, besuchen Sie einfach:

http://stowball.github.io/ mqGenie/

Das obige ist der detaillierte Inhalt vonWarum verhalten sich Medienabfragen in Firefox mit Bildlaufleisten fehlerhaft und wie kann mqGenie helfen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!