Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/CSS/container-queries

Как работают CSS Container Queries?

СобеседованиеАдаптивность
  • Применяют стили на основе размера КОНТЕЙНЕРА (не viewport)
  • container-type: inline-size — создаёт query container
  • @container (min-width: 400px) { } — стили при ширине контейнера >= 400px
  • Позволяют создавать по-настоящему переиспользуемые компоненты
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov