# Переменные единицы

URL: https://chugunov.pro/glossary/frontend/peremennye-edinitsy/
Оригинальное название: variable units
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Относительные единицы, величина которых зависит от шрифта, окна, контейнера или другой изменяемой базы.

## Что такое «Переменные единицы»

Относительные единицы, величина которых зависит от шрифта, окна, контейнера или другой изменяемой базы. К ним относят `em`, `rem`, `vw`, `vh`, проценты и единицы контейнерных запросов. Они делают вёрстку гибкой, подстраивающейся под контекст и размер экрана. Их противопоставляют абсолютным единицам вроде пикселя, не зависящим от окружения.

## Связанные термины

- [Единица rem](https://chugunov.pro/glossary/frontend/edinitsa-rem/) — Относительная CSS-единица, основанная на размере шрифта корневого элемента документа.
- [Единица em](https://chugunov.pro/glossary/frontend/edinitsa-em/) — Относительная CSS-единица, равная вычисленному размеру шрифта самого элемента или его родителя в зависимости от свойства.
- [Единица измерения](https://chugunov.pro/glossary/frontend/edinitsa-izmereniia/) — Обозначение масштаба числового значения, например px, em, rem, vw или процент.
- [Перемещение](https://chugunov.pro/glossary/frontend/peremeshchenie/) — Геометрическое преобразование, сдвигающее элемент по горизонтали, вертикали или глубине.
- [Корневой элемент](https://chugunov.pro/glossary/frontend/kornevoi-element/) — Верхний элемент дерева документа, относительно которого определяются глобальные структуры и некоторые значения.
- [Контекст наложения](https://chugunov.pro/glossary/frontend/kontekst-nalozheniia/) — Локальная система упорядочивания элементов по глубине, внутри которой действует z-index.
- [Плотность пикселей](https://chugunov.pro/glossary/frontend/plotnost-pikselei/) — Количество физических пикселей на единицу длины экрана.
- [CSS-пиксель](https://chugunov.pro/glossary/frontend/css-piksel/) — Абстрактная единица длины в веб-интерфейсе, которая может соответствовать нескольким физическим пикселям экрана.