Контейнерные запросы: что это
Коротко
Контейнерные запросы: условия @container по размеру предка-контейнера, а не экрана. Предку задают container-type: inline-size (можно с именем через container), и правила внутри @container (width 400px) применяются к его потомкам.
Определение
Условия @container по размеру предка-контейнера, а не экрана. Предку задают container-type: inline-size (можно с именем через container), и правила внутри @container (width > 400px) применяются к его потомкам. Единицы cqi, cqw считаются от контейнера.
Подробнее
Подходят для переиспользуемых компонентов, которые живут в местах разной ширины.
Из урока «Адаптивная вёрстка за 8 минут»
В 2026 году для этого есть три уровня инструментов: гибкая раскладка (Flexbox, Grid, относительные единицы), медиазапросы по экрану и контейнерные запросы по размеру компонента.
Читать урок целикомВопросы по теме с собеседований
Запомните, а не прочитайте
В тренажёре карточка вернётся, когда начнёт забываться. А билеты по HTML и CSS проверят, что термин понятен в деле.