• «Ems» (em) — это масштабируемая единица, которая используется в веб-документах. «em» равна текущему font-size, например, если font-size в документе 12pt, 1em равен 12pt. «em» масштабируема по своей природе, так 2em будет равен 24pt, 0.5em будет равна 6pt и т.д. Использование «em» становятся все более популярным в веб-документах из-за масштабируемости и возможности с пользой применять в мобильных устройствах.
• Pixels (px) имеют фиксированный размер единиц, которые используются на экранах (например, для чтения на экране компьютера). Один пиксель равен одной точки на экране компьютера (самый малый элемент разрешения вашего экрана). Многие веб-дизайнеры используют «px» в веб-документах в целях получения пиксель-идеального (pixel-perfect) представления своего сайта, отображаемого в браузере. Одна из проблем, с использованием «px» заключается в том, что эти единицы не позволяют изменять масштаб для слабовидящих читателей или мобильных устройств.
• Points (pt) традиционно используются в печатных СМИ (все, что должно быть напечатано на бумаге, и т.д.). Один «pt» равен 1/72 дюйма. «pt», так же как и «px», имеет фиксированный размер единицы и не может масштабироваться.
• Percents (%) — единицы измерения в % похожи на «em», за исключением нескольких принципиальных различий. Во-первых, текущий font-size равен 100% (т.е. 12pt = 100%). При использовании «%», ваш текст становится полностью масштабируемым для мобильных устройств и удобства пользователя (accessibility).

Как правило, 1em = 12pt = 16px = 100%.