# Медиазапрос

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

## Коротко

CSS-условие, выбирающее стили по характеристикам устройства или среды вывода, например ширине экрана.

## Что такое «Медиазапрос»

CSS-условие, выбирающее стили по характеристикам устройства или среды вывода, например ширине экрана. Медиазапрос `@media` применяет правила только при выполнении условия — скажем, для узких экранов. Он основа отзывчивого дизайна и точек перелома вёрстки. Помимо размеров, медиазапросы учитывают ориентацию, тип носителя и предпочтения пользователя вроде тёмной темы.

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

- [Список медиазапросов](https://chugunov.pro/glossary/frontend/spisok-mediazaprosov/) — Несколько медиазапросов, разделённых запятыми и работающих как альтернативные условия.
- [Тип носителя](https://chugunov.pro/glossary/frontend/tip-nositelia/) — Категория среды вывода в медиазапросе, например screen, print или all.
- [Медиафункция](https://chugunov.pro/glossary/frontend/mediafunktsiia/) — Проверяемая характеристика устройства или области просмотра, например width, orientation или prefers-color-scheme.
- [Контейнерный запрос](https://chugunov.pro/glossary/frontend/konteinernyi-zapros/) — CSS-условие, применяющее стили в зависимости от размеров или характеристик родительского контейнера, а не окна браузера.
- [Запрос поддержки функции](https://chugunov.pro/glossary/frontend/zapros-podderzhki-funktsii/) — CSS-условие @supports, позволяющее применять правила только при наличии поддержки определённой возможности браузером.
- [At-правило](https://chugunov.pro/glossary/frontend/at-pravilo/) — CSS-конструкция, начинающаяся с символа @ и задающая особое правило, например медиазапрос, подключение шрифта или слой каскада.
- [Отзывчивый дизайн](https://chugunov.pro/glossary/frontend/otzyvchivyi-dizain/) — Вёрстка, которая непрерывно подстраивается под доступное пространство с помощью гибких размеров, сеток и медиазапросов.
- [Точка перелома](https://chugunov.pro/glossary/frontend/tochka-pereloma/) — Значение ширины или другой характеристики экрана, при достижении которого меняются правила адаптивной вёрстки.