Em
представляет размер страницы по умолчанию, поэтому, например, 1em
может быть 12px
, но для больших экранов может быть что-то еще, возможно 16px
.2em
будет вдвое больше, чем 1em
.
Вывод em
масштабируется с разрешением экрана и является хорошим выбором для адаптивного дизайна.
Px
наС другой стороны, это конкретное руководство по фиксированным размерам, где пиксель - это один квадрат на экране.Так что 12px
на одном экране может выглядеть маленьким на большом экране.
Я рекомендую использовать em для большинства целей, если только нет веской причины, по которой вам нужен определенный размер пикселя.