Таблица соотношений px, pt, em и %

Изменить размер текста в браузере можно с помощью относительных и абсолютных единиц измерения: px, pt, em, %.
Относительные единицы используют для работы с текстом или для определения процентного соотношения между элементами.
px, em, % относятся к основным относительным единицам.

Pixels (px). Пикселем называется элементарная точка, отображаемая монитором либо другим подобным устройством, т.е. 1 px равен 1 точке на экране, которая является наименьшим элементом разрешения экрана Вашего компьютера. Его размер зависит от разрешения и технических характеристик устройства. Используется в веб-документах для пиксель-идеального представления сайта, отображаемого в браузере. К сожалению, данные единицы не позволяют менять масштаб, например, для мобильных устройств.

«Ems» (em) — высота шрифта текущего элемента. «em» является масштабируемой единицей, она равна текущему font-size. Так, если font-size равен 12pt, то 1 em равен 12pt, 3 em равен 36pt и т.д. Благодаря масштабируемости и возможности применять в мобильных устройствах единица все чаще используется в веб-документах.

Percents (%). Единицы измерения % схожи с «em». Следует только заметить, что текущий font-size здесь будет равен 100%. В данном случае текст масштабируем для удобства пользователя и мобильных устройств.

При работе с текстом применяются и абсолютные величины, правда, реже, чем относительные. Самой распространенной является пункт — «pt»

Points (pt) — пункт, используется для указания размера шрифта в текстовых редакторах. «pt», как и «px», имеют фиксированный размер, не масштабируются. 1 «pt» равен 1 / 72 дюйма.

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