@damarkuzz

Почему em гибче чем px?

Никогда не пользовался em, rem. Недавно совершенно случайно попробовал поиграться со значениями em/rem и выяснил для себя, что с их помощью можно более гибко настраивать размер шрифта.
Например, мы можем сделать font-size 1.55em, 1.68 и.т.п и каждое из дробных значений будет делать изменять размер шрифта на экране.
Почему px не такие гибкие? Почему нельзя указать 15.54px?
  • Вопрос задан
  • 167 просмотров
Пригласить эксперта
Ответы на вопрос 1
:root {
    font-size: 16px; // 1rem = 16px
}
div {
    padding: .5rem; // 8px
}

Вся гибкость заключается в том, что изменив в одном месте базовый размер шрифта, все размеры, указанные в rem/em, будут пересчитаны автоматически. Если всё указывать в px, то все правки вручную.
  • rem — базовый размер шрифта;
  • em — текущий размер шрифта;
  • px — виртуальный пиксель.

Полпикселя легко можно увидеть на экранах с высокой плотностью. Те же мобильники с экраном 1920×1080px (реальных) имеют меньше виртуальных пикселей (используемых в CSS). Т. е., на один виртуальный (программный) пиксель приходится несколько реальных пикселей.
Ответ написан
Ваш ответ на вопрос

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

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