Ich habe widersprüchliche Informationen zu den albernen CSS-Grenzwerten von Internet Explorer gelesen. Ich verstehe (glaube ich), dass Sie nur 31 <style>
und <link>
Tags (kombiniert) haben können und dass jedes Blatt bis zu 31 @import
-s haben kann (also 31 <link>
-s, jedes bis 31 @import
-s ist in Ordnung, wenn auch verrückt).
Die 4095-Regel ist jedoch weniger klar - sind dies 4095-Regeln pro Dokument oder pro Blatt? Kann ich <link>
zum Beispiel zwei Stylesheets mit jeweils 4000 Regeln verwenden und es funktionieren lassen, oder wird dies die Grenze überschreiten?
Drittanbieter bearbeiten 2018
In diesem msdn-Blogbeitrag werden weitere Informationen zu Stylesheet-Limits-in-Internet-Explorer gegeben.
<style>
Limit mehrmals erreichtAntworten:
Verweisen auf Folgendes von Microsoft:
Die Regeln für IE9 sind:
Die Regeln für IE10 sind:
Testen der 4095-Regel nach Blattlimit
Zur Bestätigung habe ich eine Übersicht mit 3 Dateien erstellt. Eine HTML- und zwei CSS-Dateien.
quelle
Ein Javascript-Skript zum Zählen Ihrer CSS-Regeln:
quelle
@media
Regeln einfügen , siehe stackoverflow.com/a/25089619/938089 .Ich habe nicht genug Repräsentanten, um das obige ähnliche Snippet zu kommentieren, aber dieses zählt die @ media-Regeln. Legen Sie es in der Chrome-Konsole ab.
Quelle: https://gist.github.com/krisbulman/0f5e27bba375b151515d
quelle
Laut einer Seite im MSDN IEInternals-Blog mit dem Titel Stylesheet Limits in Internet Explorer gelten die oben angegebenen Grenzwerte (31 Blätter, 4095 Regeln pro Blatt und 4 Ebenen) für IE 6 bis IE 9. Die Grenzwerte wurden in IE 10 auf Folgendes erhöht ::
quelle
Eine gute Lösung für dieses Problem für Benutzer von Grunt:
https://github.com/Ponginae/grunt-bless
quelle
Entwicklertools in der FireFox Dev Edition zeigen CSS-Regeln
Könnte für diejenigen unter Ihnen nützlich sein, die immer noch mit älteren IE-Versionen / großen CSS-Dateien kämpfen.
FF Developer Edition-Website
quelle
Ich denke, es ist auch erwähnenswert, dass jede CSS-Datei, die größer als 288 KB ist, nur bis zu diesen ~ 288 KB gelesen wird. Alles, was danach kommt, wird in IE <= 9 vollständig ignoriert.
http://joshua.perina.com/africa/gambia/fajara/post/internet-explorer-css-file-size-limit
Mein Rat ist, CSS-Dateien für größere Anwendungen in Module und Komponenten aufzuteilen und die Dateigröße ständig im Auge zu behalten.
quelle