Единицы измерения

Единицы измерения в CSS делятся на две категории: абсолютные и относительные.

Абсолютные — это единицы которые имеют устоявшееся значение.

Относительные — это единицы которые имеют размер относительно чего-то, например, размер относительно шрифта текста или относительно родительского элемента.

Абсолютные
px Пиксел. 1 px = 1/96 дюйма
in Дюйм. 1 in = 2.54 cm
cm Сантиметр.
mm Миллиметр.
pt Пункт. 1 pt = 1/72 дюйма
pc Пика. 1 pc = 12 пунктов
Относительные
em Равна текущему размеру шрифта
ex Равна высоте буквы x текущего шрифта
% Процент
ch Равна ширине символа ноль текущего шрифта
vw Равна 1/100 от текущей ширины окна браузера
vh Равна 1/100 от текущей высоты окна браузера
vmin Равна или vw или vh, в зависимости от того что меньше
vmax Равна или vw или vh, в зависимости от того что больше
rem Равна размеру шрифта корневого элемента <html>
Поделиться