2014-12-11 2 views
1

У меня есть небольшая проблема с IE. Я работаю на сайте, ничего не представляю себе, просто статические html-страницы (около 35), я использую bootstrap в качестве скелета, шрифта-удивительного, Animate.css, отзывчивых стилей, Jvectormaps, footables, custom eg ...
Обычно я пишу и добавляю отдельные файлы css, чтобы поддерживать удобство в обслуживании, все работает хорошо, пока я не решил объединить все файлы в один, потому что мне нужно проверить, загружаются ли мои страницы быстрее.
IE stylesheet не полностью загружается

После этого IE кажется, что не обрабатывает весь файл таблицы стилей, потому что когда я иду разработчиком, то проверяю мой объединенный файл CSS, который я вижу, это похоже на сокращение пополам. Это странно, я уверен, что не знаю, почему IE оставляет все остальное.

SO я разделить основной файл на два отдельных из них, теперь все возвращается к нормальному

В Chrome/Firefox Я не сталкиваюсь этим вопрос, поэтому я уверен, что это что-то делать с IE (9/8). Кто-нибудь знает, почему? если он определяется размером файла? (450Kb) Есть ли способ включить весь файл в один или я должен сохранить отдельные?


Спасибо,

+0

Привет, вы можете опубликовать вывод с консоли? –

+0

Выход? Я не уверен, если вы ссылаетесь на ошибки, которых нет. Если вы говорите о файле CSS, я сохранил копию и сравнил оба. Как я уже сказал, когда я разбиваю файл, браузер, похоже, читает два parts .. – Awena

+0

Сколько таблиц стилей вы указываете на странице? – Freez

ответ

1

Возможно, вы столкнетесь с ограничениями на количество элементов IE 9 и down. Используйте сайт, как показано ниже, чтобы увидеть, если вы ниже предела счета:

http://snippet.bevey.com/css/selectorCount.php

Если вы используете Grunt в проекте, есть задачи, которые можно разделить ваш CSS автоматически, чтобы решить эту проблему.

+0

Результаты говорят: 4739 (более 4096 предел) – Awena

+0

Как обходной путь, могу ли я использовать основной файл для импорта остальных? Будет ли влиять на производительность? – Awena

+0

Вы можете разделить ваши файлы css (ex bootstrap отдельно) или разделить весь скомпилированный лист на кратность.Дополнительные листы затем будут помещены в IE только для вызова, чтобы они не были загружены в другие браузеры – austinthedeveloper

1

Вы можете быть встречая некоторые ограничения CSS, которые связаны с IE. Microsoft изменила/увеличила/удалила эти ограничения в более поздних версиях, но вы все равно можете столкнуться с этими ограничениями. Существует множество возможностей, например, какая версия IE используется, и какой режим совместимости документов указан. Если на ваших страницах установлен более старый режим совместимости документов, вы столкнетесь с некоторыми из нижних пределов, которые ограничивают более старые версии IE. См.: http://msdn.microsoft.com/en-us/library/ie/hh781508.aspx для более подробной информации.

Смежные вопросы