IE8- und CSS-Medienabfragen: Fehlerbehebung und Alternativen
Frage:
IE8 scheint zu sein Es fehlt die Unterstützung für die folgende Medienabfrage:
@import url("desktop.css") screen and (min-width: 768px);Wenn das wahr ist, was Kann eine alternative Syntax verwendet werden?
Antwort:
IE8 unterstützt tatsächlich keine CSS-Medienabfragen. Als Workaround können Sie den folgenden Code verwenden:
@import url("desktop.css") screen;
@import url("ipad.css") only screen and (device-width:768px);Diese Lösung hat jedoch ihre Grenzen. Es werden nicht alle Medienabfragefunktionen unterstützt, die in modernen Browsern verfügbar sind.
Alternative Lösung:
Für eine umfassendere Lösung, die Medienabfragen in IE8 emuliert, sollten Sie die Verwendung von CSS3 in Betracht ziehen -mediaqueries-js-Skript. Dieses Skript emuliert Medienabfragen, weist jedoch einige Einschränkungen auf: