Pouvez-vous expliquer le principe de fonctionnement des media queries en développement web?

Media query — c'est un mécanisme CSS qui permet d'appliquer différents styles en fonction des caractéristiques de l'appareil ou de la fenêtre du navigateur, par exemple, la largeur de l'écran, l'orientation, la résolution et d'autres paramètres.

Dans le développement web, la media query est utilisée pour créer un design adaptatif, afin que le site s'affiche correctement sur différents appareils — des téléphones mobiles aux grands moniteurs.

Exemple de media query qui change la couleur de fond lorsque la largeur de l'écran est inférieure à 600px:

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

Dans Flutter, bien que la media query soit un terme du web, il existe une classe similaire MediaQuery qui permet d'obtenir des informations sur la taille de l'écran et d'autres paramètres de l'appareil pour une interface adaptative.