Для того, чтобы задать размер любых элементов, в CSS-файле применяются два вида единиц измерения – относительные и абсолютные. Первые будут определять размер элемента в сравнении с значением другого размера, вторые – не подчиняются пользовательскому устройству вывода.
Самый оптимальный вариант установки на экране размеров шрифтов – em или проценты. Таким образом, обеспечивается корректное взаимодействие страницы с обусловленными пользователем настройками шрифтов. Рекомендуется избегать применение пикселей px, так как такие размеры шрифтов будут вызывать определенные проблемы.
Такие виды абсолютных единиц как in, mm, pt, cm и pc не достаточно четко прорабатываются на экране, где установлены старые версии браузеров, что может вызвать проблемы в работе. Такой метод наиболее безопасный для периодических печатных изданий, но даже здесь могут возникать некорректное взаимодействие с настройками пользователя.
К относительным единицам (%, ex, px и em), что детерминируют размер элемента в сравнении с значением другого размера будет применяется следующая формулировка, например, ex в нижнем регистре — заданная высота элемента х, а em – размер шрифта текущего символа.
