«Text-transform: uppercase» вызывает «прыжок» во время загрузки

Question

«Text-transform: uppercase» вызывает «прыжок» во время загрузки

0

У меня есть элемент h2 который имеет стиль text-transform: uppercase. Когда я загружаю страницу с этим элементом, элемент контейнера вокруг h2 изменяет высоту во время загрузки.

Это было в случае с Firefox 26 и Chrome 31 (как на OS X).

Как избавиться от "прыжков" во время погрузки?

Patrick Hammer 05 янв. 2014, в 00:58

Источник

Теги:

html

css

1 ответ

Ещё вопросы

Patrick Hammer · Answer 1 · 2014-01-04T20-34-00.000Z

Похоже, что из-за преобразования текста браузеры не могут отображать все элементы на правильной высоте.

Это можно решить, установив height на элемент h2. При этом браузер имеет всю необходимую информацию. Конечно, высота должна быть достаточно большой, чтобы "конечная версия" после преобразования текста соответствовала.