Wie kann ich CSS-Medienabfragen in Internet Explorer 8 implementieren?

IE8-Unterstützung für CSS-Medienabfragen

Internet Explorer 8 unterstützt CSS-Medienabfragen nicht nativ, einschließlich der bereitgestellten:

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

Alternative Wege, um den Effekt zu erzielen

Einer Ein alternativer Ansatz zum Erreichen der Medienabfragefunktionalität im IE8 besteht in der Verwendung von JavaScript-Bibliotheken, die Medienabfragen emulieren. Zwei beliebte Optionen sind:

• css3-mediaqueries-js: Dieses Skript emuliert Medienabfragen, unterstützt jedoch keine @imported Stylesheets.
• Respond.js: Dieses vereinfachte Skript ermöglicht Medien mit minimaler und maximaler Breite Abfragen.

Probleme mit dem bereitgestellten Code

Der bereitgestellte Code enthält die folgenden Probleme:

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

• Das erste Die @import-Regel legt keine Medienabfrage fest und wird immer angewendet.
• Die zweite @import-Regel enthält einen Tippfehler („device-width“ statt „max-width“).

Um diese Probleme zu beheben, wird der alternative Ansatz mithilfe von JavaScript-Bibliotheken empfohlen, um Medienabfragefunktionen in IE8 zu erreichen.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Medienabfragen in Internet Explorer 8 implementieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!