Массивный размер шрифта при первой загрузке в IE7, IE8 - PullRequest
Новая
       2

Массивный размер шрифта при первой загрузке в IE7, IE8

0 голосов
/ 27 декабря 2011

Праздничные поздравления Штабелеры.Я создал адаптивный сайт с медиазапросами CSS, используя response.js polyfill и html5.js shiv для IE7 и IE8.Когда я впервые загружаю страницы в этих браузерах, появляется небольшая вспышка текста большого размера, иногда в Times Roman, до того, как появляются правильные стили шрифтов. Кто-нибудь еще видел эту проблему или кто-нибудь может подсказать, что я делаю неправильно?Я не использую веб-шрифты.Я измеряю шрифты в ems.Я пытался установить шрифт для тела на 10px, а также на 62,5%, но, похоже, это не имеет значения.Это особенность полифилла Respond?

Cheers all

Ответы [ 2 ]

1 голос
/ 27 декабря 2011

Ссылка на ваш пост мне не работает, поэтому я не вижу код.

Одной из возможных причин такого поведения является способ включения внешнего файла CSS.Если вы использовали @import, попробуйте вместо этого использовать элемент <link> и обязательно включите все ваши CSS-файлы в элемент <head> (не в теле)

Другая причина может быть связана с чрезмерным весомили к количеству этих CSS-файлов: браузеру может потребоваться много времени для загрузки и синтаксического анализа всех правил, поэтому, если ваш сервер включен для обслуживания сжатого содержимого, попробуйте обслужить все ваши CSS-файлы сжатием gzip (или дефляцией на самых старыхapache) и, если это возможно, попробуйте также уменьшить количество запросов css (Вы можете увидеть .htaccess шаблона html5, чтобы получить действительный пример)

Если вы объединяете все свои файлы css в один файлобычно сжатие gzip может работать даже лучше, чем сжатие одного файла за раз.

Последнее, но не менее важное, улучшите производительность ваших правил CSS: всегда используйте подробные правила и всегда избегайте общих выражений, таких как* { margin: 0; padding: 0 } потому что браузеру обычно требуется больше времени, чтобы применить этот стиль к элементам

1 голос
/ 27 декабря 2011

Вы экспериментируете с FOUC ! Вспышка неустановленного контента. Ссылка содержит способы избежать этого; если вы загружаете свои стили асинхронно, это может объяснить, почему вы экспериментируете в этот момент в жизни страницы, где ваш стиль еще не применяется к вашему контенту. Это может быть вызвано тем, что вы используете полифилы, и я рекомендую загружать одноразовый стиль одновременно со страницей, чтобы минимизировать его.

...