Unterstützt IE8 moderne CSS-Medienabfragen?

IE8-kompatible CSS-Medienabfrage

Frage: Unterstützt IE8 die folgende CSS-Medienabfrage nicht?

@import url("desktop.css") screen and (min-width: 768px);

Antwort: IE8 unterstützt die angegebene Medienabfrage nicht. Eine alternative Schreibweise, die mit IE8 kompatibel ist, ist:

@import url("desktop.css") screen;
@import url("ipad.css") only screen and (device-width:768px);

Hinweis: Dieser aktualisierte Code verwendet verschachtelte @import-Anweisungen. Allerdings kann @import die Leistung beeinträchtigen und wird nicht für den Produktionseinsatz empfohlen. Erwägen Sie stattdessen die Verwendung eines Medienabfrage-Polyfills.

CSS3-Medienabfragen-Polyfills:

Um Medienabfragen in IE8 und älteren Browsern zu unterstützen, können Sie JavaScript-Polyfills verwenden wie:

• css3-mediaqueries-js: Emuliert Medienabfragen funktioniert aber nicht bei importierten Stylesheets.
• Respond.js: Aktiviert nur min-width und max-width Medienabfragen.

Das obige ist der detaillierte Inhalt vonUnterstützt IE8 moderne CSS-Medienabfragen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!