Мой Справочник | CSS

Мой Справочник | CSS | Величины Конвертатор px в rem

Величины
Значения	Описание	Примеры	Описание
Относительные значения
%	Проценты	`width: 30%;`	Зависит от ширины родительского блока
em	Относительная величина от родителя. Если у родителя 16px, то у потомков 1em = 16px, по сути тоже можно писать и в процентах	`font-size: 1em;`	Величина изменяется относительно родителя, 1em может принимать разные значения, в зависимости от установленных значений в px у родительских элементов
rem	Относительная величина от корневой настройки браузера (html). 1 rem всегда равен 16px, и это значение остаётся постоянным и не переопределяется как у em rem-каьлкульятор	`font-size: 2rem; (32px)`	Используется в Bootstrap 4
Цифры	Множитель	`line-height: 1.5; font-size: 16px; /* lh = 16px x 1.5 = 24px */`	Вычисляется относительно размера шрифта путём умножения
ex	Высота символа x	`font-size: 2ex;`
vh	1vh — 1% от высоты вьюпорта	`height: 100vh;`
vw	1vw — 1% от ширины вьюпорта.	`width: 100vh;`	Используется реже, есть баг с гор. полосой прокрутки
vmin			Эквивалентна минимальному из значений величин vh или vw. Другими словами, если высота окна браузера больше ширины, то значение 1 vmin равно 1 vw. Однако если ширина окна браузера больше высоты, то 1 vmin равно 1 vh.
vmax			Равна максимальному из значений величин vh или vw. Тоже самое только максимальное
Абсолютные значения
px	Пиксели	`height: 50px;`	Самое распространённое
in	Дюйм		1 дюйм равен 2,54 см
cm	Сантиметр		1cm = 0.01m
mm	Миллиметр		1mm=0.1cm
pt	Пункт		1 пункт равен 1/72 дюйма (12pt * 96 / 72 = 16px)
pc	Пика		1 пика равна 12 пунктам