В CSS выделяют два типа единиц измерений: абсолютные, которые не зависят от устройства вывода и являются фиксированными, а также относительные, которые зависят от какого-либо родительского элемента.
🔻К абсолютным(фиксированным) относятся такие ед. измерения:
cm (от англ. centimeter – сантиметр),
mm (от англ. millimeter – миллиметр),
in (от англ. inch – дюйм) – один дюйм равен 2,54cm,
pt (от англ. point – пункт) – один пункт равен 1/72 дюйма или 0,353mm,
pc (от англ. pica – пика) – одна пика равна 12 пунктам.
🔻Относительных ед. измерений куда больше:
px (от англ. pixel – пиксель) – 1px представляет собой одну элементарную точку на экране, размеры которой зависят от технических характеристик устройства вывода
em – 1em равен высоте (размеру) текущего шрифта родительского элемента
rem (от англ. root em) – 1rem равен высоте (размеру) шрифта корневого элемента, т.е. самого элемента «html» (по умолчанию 1rem = 16px)
% – определяет величину свойства текущего элемента в процентах от величины такого же свойства родительского элемента
vw (от англ. view width) – 1vw равен 1% от ширины области просмотра окна браузера
vh (от англ. view height) – 1vh равен 1% от высоты области просмотра окна браузера
vmin – 1vmin равен 1% от минимального значения ширины или высоты области просмотра, т.е., если в данный момент ширина области просмотра окна браузера меньше высоты области просмотра, то будет взят 1% от ширины; можно сказать, что 1vmin равен 1vh или 1vw в зависимости от того, что меньше в данный момент
vmax – 1vmax равен 1% от высоты максимального значения ширины или высоты области просмотра
#CSS #веб_разработка
Больше актуальной и полезной информации про IT и веб-разработку Вы найдете на моём телеграм-канале!