# Адаптивный дизайн

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

## Коротко

Подход, при котором для заранее выбранных диапазонов экранов подготавливают несколько отдельных вариантов компоновки интерфейса.

## Что такое «Адаптивный дизайн»

Подход, при котором для заранее выбранных диапазонов экранов подготавливают несколько отдельных вариантов компоновки интерфейса. В отличие от плавно тянущегося отзывчивого дизайна, здесь макет переключается между фиксированными раскладками на точках перелома. Такой подход даёт точный контроль над видом на конкретных типах устройств. На практике границы между адаптивным и отзывчивым дизайном размыты, и их часто сочетают.

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

- [Отзывчивый дизайн](https://chugunov.pro/glossary/frontend/otzyvchivyi-dizain/) — Вёрстка, которая непрерывно подстраивается под доступное пространство с помощью гибких размеров, сеток и медиазапросов.
- [Дизайн интерфейса](https://chugunov.pro/glossary/frontend/dizain-interfeisa/) — Проектирование внешнего вида, структуры взаимодействия и визуальной системы цифрового продукта.
- [Единица измерения](https://chugunov.pro/glossary/frontend/edinitsa-izmereniia/) — Обозначение масштаба числового значения, например px, em, rem, vw или процент.
- [Макет-мокап](https://chugunov.pro/glossary/frontend/maket-mokap/) — Статичное или частично интерактивное представление будущего интерфейса для обсуждения структуры и внешнего вида.
- [Точка перелома](https://chugunov.pro/glossary/frontend/tochka-pereloma/) — Значение ширины или другой характеристики экрана, при достижении которого меняются правила адаптивной вёрстки.
- [Компонент интерфейса](https://chugunov.pro/glossary/frontend/komponent-interfeisa/) — Самостоятельный повторно используемый фрагмент интерфейса со своей структурой, стилями, состоянием и поведением.
- [Длина](https://chugunov.pro/glossary/frontend/dlina/) — Числовое значение с единицей измерения, используемое в CSS для размеров, отступов и координат.
- [Медиазапрос](https://chugunov.pro/glossary/frontend/mediazapros/) — CSS-условие, выбирающее стили по характеристикам устройства или среды вывода, например ширине экрана.