Я прочитал противоречивую информацию о глупых ограничениях CSS в Internet Explorer. Я (кажется, я) понимаю, что у вас может быть только 31 <style>
и <link>
теги (вместе взятые), и что на каждом листе может быть до 31 @import
(то есть с 31 <link>
до 31 @import
- это хорошо, хотя и безумно).
Однако правило 4095 менее ясно - это правила 4095 на документ или на лист? Например, могу ли я использовать <link>
две таблицы стилей, каждая с 4000 правилами, и она будет работать, или это нарушит лимит?
Сторонняя редакция 2018
В этом сообщении блога msdn stylesheet-limit-in-internet-explorer дается дополнительная информация.
<style>
предел в 31 раз, достигнутыйОтветы:
Ссылаясь на следующее от Microsoft:
Правила для IE9 :
Правила для IE10 :
Тестирование правила 4095 по пределу листа
В качестве подтверждения я создал суть из 3 файлов. Один HTML и два CSS-файла.
источник
Скрипт javascript для подсчета ваших правил CSS:
источник
@media
правил, см. Stackoverflow.com/a/25089619/938089 .У меня недостаточно представителей, чтобы прокомментировать приведенный выше подобный фрагмент, но этот счет учитывает правила @media. Оставьте это в консоли Chrome.
источник: https://gist.github.com/krisbulman/0f5e27bba375b151515d
источник
Согласно странице в блоге MSDN IEInternals, озаглавленной « Ограничения таблицы стилей» в Internet Explorer, указанные выше ограничения (31 лист, 4095 правил на лист и 4 уровня) применяются к IE 6 - IE 9. Ограничения были увеличены в IE 10 до следующего :
источник
Хорошее решение этой проблемы для людей, использующих Grunt:
https://github.com/Ponginae/grunt-bless
источник
Инструменты разработчика в редакции FireFox dev демонстрируют правила CSS
Может пригодиться тем, кто все еще борется со старыми версиями IE / большими CSS-файлами.
FF Developer Edition Веб-сайт
источник
Я также думаю, что стоит отметить, что любой файл CSS размером более 288 КБ будет считан только до этого размера ~ 288 КБ. Все, что после, будет полностью проигнорировано в IE <= 9.
http://joshua.perina.com/africa/gambia/fajara/post/internet-explorer-css-file-size-limit
Мой совет - держать CSS-файлы для больших приложений разделенными на модули и компоненты и постоянно следить за размером файлов.
источник