# Отзывчивый дизайн

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

## Коротко

Вёрстка, которая непрерывно подстраивается под доступное пространство с помощью гибких размеров, сеток и медиазапросов.

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

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

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

- [Адаптивный дизайн](https://chugunov.pro/glossary/frontend/adaptivnyi-dizain/) — Подход, при котором для заранее выбранных диапазонов экранов подготавливают несколько отдельных вариантов компоновки интерфейса.
- [Дизайн интерфейса](https://chugunov.pro/glossary/frontend/dizain-interfeisa/) — Проектирование внешнего вида, структуры взаимодействия и визуальной системы цифрового продукта.
- [RICG](https://chugunov.pro/glossary/frontend/ricg/) — Сообщество, участвовавшее в разработке стандартов адаптивных изображений для веба.
- [Единица измерения](https://chugunov.pro/glossary/frontend/edinitsa-izmereniia/) — Обозначение масштаба числового значения, например px, em, rem, vw или процент.
- [Медиазапрос](https://chugunov.pro/glossary/frontend/mediazapros/) — CSS-условие, выбирающее стили по характеристикам устройства или среды вывода, например ширине экрана.
- [Процентное значение](https://chugunov.pro/glossary/frontend/protsentnoe-znachenie/) — Относительное CSS-значение, вычисляемое как доля определённой базовой величины.
- [CSS-сетка](https://chugunov.pro/glossary/frontend/css-setka/) — Система направляющих строк и столбцов, по которым выравнивают и размещают элементы интерфейса.
- [Клиентская сторона](https://chugunov.pro/glossary/frontend/klientskaia-storona/) — Часть веб-приложения, код которой выполняется на устройстве пользователя, обычно внутри браузера.