Ich habe eine Seite, die in den <style> Tags nicht-externen CSS verwendet und in diesen <style>-Tags ist die folgende Medienabfrage:IE9 Lasten falsche Medienabfrage Informationen über Belastung mit nicht-externen CSS
@media screen and (max-width:768px){
/* CSS */
}
All funktioniert gut in Firefox, das CSS für 768px Breite und darunter rendert nur wenn es sollte. In IE9 wird das CSS innerhalb dieser Medienabfrage jedoch beim Laden gerendert, unabhängig von der Größe.
Nach dem Laden jedoch, wenn ich die Browsergröße überhaupt ändere, wird es als die Desktop-Version, wie es sollte. Im Grunde scheint das nicht-externe Stylesheet IE9 alle CSS zu rendern, egal ob es sich um eine Medienabfrage handelt, für die es nicht passt oder nicht, aber um das richtige CSS, wenn die Größe des Browsers angepasst wird, sogar um ein Pixel.
Weiß jemand, was genau los ist, oder wenn es eine schnelle Lösung gibt? Die einzige Lösung, an die ich denken konnte, wäre, das Problem zu umgehen, indem ich mein CSS neu anlege und eine neue Medienabfrage hinzufüge, die ich wegen der einfachen Aktualisierung von Code vermeiden möchte.
Dieser Code sollte gut funktionieren, also könnte etwas anderes stören. Können Sie einen Link für uns veröffentlichen, um einen Testcode zu veröffentlichen, der das Problem veranschaulicht? –
@ ralph.m Ich bin derzeit auf der Suche nach einer Möglichkeit, aktiven Code online zu buchen das Problem zu imitieren. Medienabfragen scheinen mit IE9 in jsfiddle gut zu funktionieren, aber ich weiß nicht, dass jsfiddle den Code auf die gleiche Weise kompiliert. Es scheint streng IE9 mit Medienabfragen in nicht-externen Stylesheets zu sein. Der Browser rendert sie korrekt, sobald ich die Größe leicht ändere, aber im Grunde rendert es alle CSS innerhalb der '