Отличие px от em

Собственно САБЖ.
Всё же многие пишут в css например

а остальные
В чем отличия, и что работает быстрее?
Яндекс например использует как раз em

0

px (пиксели)

Проблема использования пикселей заключается в том, что IE считает пиксели абсолютным значением и не масштабирует текст, с размером шрифта, указанным в пикселях. Поэтому принято использовать em. Задание размеров блоков в em позволяет создавать масштабируемый дизайн, изменяющийся в зависимости от размера шрифта.

Принято использовать для задания размеров блоков.

em (вычисляемая единица)

Значения указанные в em, ведут отсчет от базового размера шрифта браузера (16px), т.е. по умолчанию 1em=16px. Для удобства использования em, базовый размер шрифта сначала сбрасывают до 10px, когда 1em=10px, а 0,1em=1px. Для сброса базового размера шрифта используйте следующее правило:


И учитывайте, если для какого-то блока будет указан размер шрифта, например, 1.6em, то все его потомки за базовое значение будут брать уже не 10px, а 16px(1.6em). Для удобства расчета значений размера шрифтов в em'ах можно использовать вот этот сервис.

Принято использовать для задания размеров текста и/или блоков.

pt (пункты)

Единица измерения, применяемая в типографии. В верстке шрифты в pt задаются стилям, предназначенным для печати (@media print).

Принято использовать для задания размеров текста и/или блоков документа, выводимого на печать.

% (проценты)

Универсальная единица измерения, обычно используется в комбинации с остальными приемами задания размера шрифта.

Особых правил применения нет.

Однако с постепенным внедрением в браузеры полноэкранного масштабирования страницы, ограничение, накладываемое px для IE, в принципе теряет свою актуальность.

5