Przeczytałem sprzeczne informacje dotyczące głupich limitów CSS Internet Explorera. Rozumiem (myślę, że rozumiem), że możesz mieć tylko 31 <style>
i <link>
tagi (połączone), i że każdy arkusz może mieć do 31 @import
sekund (więc 31-s <link>
, każdy do 31-s @import
jest w porządku, aczkolwiek szalony).
Jednak zasada 4095 jest mniej jasna - czy to 4095 reguł na dokument, czy na arkusz? Na przykład, czy mogę <link>
do dwóch arkuszy stylów, każdy z 4000 regułami i czy to zadziała, czy to przekroczy limit?
Edycja zewnętrzna 2018
W tym wpisie na blogu msdn stylesheet-limits-in-internet-explorer podano dalsze informacje.
<style>
wielokrotnie widziałem, jak osiągnięto limit 31Odpowiedzi:
Powołując się na następujące informacje od firmy Microsoft:
Zasady dla IE9 są następujące:
Zasady IE10 są następujące:
Testowanie reguły 4095 według limitu arkuszy
Dla potwierdzenia utworzyłem streszczenie z 3 plikami. Jeden plik HTML i dwa pliki CSS.
źródło
Skrypt javascript do liczenia reguł CSS:
źródło
@media
reguł, zobacz stackoverflow.com/a/25089619/938089 .Nie mam wystarczającej liczby przedstawicieli, aby skomentować powyższy podobny fragment, ale ten uwzględnia zasady @media. Upuść go w konsoli Chrome.
źródło: https://gist.github.com/krisbulman/0f5e27bba375b151515d
źródło
Według strony na blogu MSDN IEInternals zatytułowanej Limity arkusza stylów w przeglądarce Internet Explorer ograniczenia pokazane powyżej (31 arkuszy, 4095 reguł na arkusz i 4 poziomy) stosowane od IE 6 do IE 9. Limity zostały zwiększone w IE 10 do następujących :
źródło
Dobre rozwiązanie tego problemu dla osób używających Grunt:
https://github.com/Ponginae/grunt-bless
źródło
Narzędzia deweloperskie w wersji deweloperskiej FireFox pokazują reguły CSS
Może być przydatne dla tych z Was, którzy wciąż walczą ze starszymi wersjami IE / dużymi plikami CSS.
Witryna internetowa FF Developer Edition
źródło
Myślę, że warto również zauważyć, że każdy plik CSS większy niż 288kb zostanie odczytany tylko do ~ 288kb. Wszystko, co nastąpi później, zostanie całkowicie zignorowane w IE <= 9.
http://joshua.perina.com/africa/gambia/fajara/post/internet-explorer-css-file-size-limit
Radzę, aby pliki CSS dla większych aplikacji były podzielone na moduły i komponenty oraz stale obserwowały rozmiar plików.
źródło