Media query — это CSS-механизм, который позволяет применять разные стили в зависимости от характеристик устройства или окна браузера, например, ширины экрана, ориентации, разрешения и других параметров.

В веб-разработке media query используется для создания адаптивного дизайна, чтобы сайт корректно отображался на разных устройствах — от мобильных телефонов до больших мониторов.

Пример media query, который меняет цвет фона при ширине экрана меньше 600px:

@media (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

В Flutter, хотя media query — это термин из веба, есть похожий класс MediaQuery, который позволяет получить информацию о размере экрана и других параметрах устройства для адаптивного интерфейса.

Можете объяснить принцип работы media query в веб-разработке?