@oleg_ti

Почему пропадает текст в em?

Тема такая, есть хэдер, в нем есть текст, при задании тексту font-size в em, текст пропадает (если быть точнее, он схлопывается по ширине), при задании в vh/vw/px все работает.
В чем может крыться причина и как это решить?
https://jsfiddle.net/fps11/j6k0r89c/ (.menu-top-inner a)
  • Вопрос задан
  • 133 просмотра
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Что такое 1em? Это текущий размер шрифта. Когда вы задаете размер шрифта в единицах em, браузер считает этот размер относительно родительского размера шрифта. Но у html вы задаете font-size равный 0px. В данном случае это означает, что у всех потомков 1em будет равен нулю до тех пор, пока вы не зададите какое-то другое значение не в em/rem, тогда у потомков того элемента 1em будет равен заданному значению.

P.S.: Задавать font-size равный нулю для html - это не лучшая идея, она может приводить к самым разным багам, а также проблемам, когда у пользователей в браузере настроены ограничения на размер шрифта для html.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы