EM – Относительна размера шрифта

EM – относительная единица. Размер формируется относительно текущего или унаследованного размера шрифта (font-size).

Использовать для медиа запросов

1em = значению font-size

Как мы знаем, свойство размера шрифта font-size наследуется потомки. Поэтом, указывая тот или иной размер в EM нужно четко понимать какой размер шрифта влияет на данный элемент. Как и пиксели, значения EM можно указывать дробное.

Преимущества – относительность EM позволяет на порядок уменьшить кол-во действий при адаптивной верстке. Не ограничивает пользователя в настройках браузера. Отлично подходит для указания размеров, зависящих от размера шрифта. Также используется в медиа запросах.

Недостатки – по сравнению с PX, работать с EM более сложно, ведь для переноса данных из макета на страницу в EM требуются вычисления.

Формулы конвертации значений из PX

из PX в EM – значение в PX поделить на значение font-size (текущее или унаследованное).