Můžete vysvětlit princip fungování media query v webovém vývoji?

Media query — je CSS mechanismus, který umožňuje aplikovat různé styly v závislosti na vlastnostech zařízení nebo okna prohlížeče, například šířce obrazovky, orientaci, rozlišení a dalších parametrech.

V webovém vývoji se media query používá k vytvoření responzivního designu, aby se stránka správně zobrazovala na různých zařízeních — od mobilních telefonů po velké monitory.

Příklad media query, která mění barvu pozadí při šířce obrazovky menší než 600px:

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

V Flutteru, i když je media query termín z webu, existuje podobná třída MediaQuery, která umožňuje získat informace o velikosti obrazovky a dalších parametrech zařízení pro adaptivní rozhraní.