Déboguer des medias queries via l'inspecteur

Default
,

Bonjour,

Voilà, j'ai trouvé une astuce intéressante dans l'inspecteur voulant déboguer des medias queries. Mon objectif initial était de connaître les medias queries utilisées sur un site en particulier.

Voici l'astuce (testé sous Brave uniquement, navigateur basé sur Chrome... mais fonctionne certainement sous Chrome et d'autres navigateurs) :

1/ Ouvrir l'inspecteur
2/ Cliquer sur le mode responsive
3/ En haut de ce mode, là où s'affiche les différentes tailles des appareils, se trouve un sous-menu à droite (représenté par trois points verticaux), cliquer dessus et sélectionner "Afficher les medias queries".

Voici ce que ça donne : https://www.zupimages.net/up/19/12/rcfe.png

Cela semble faire son travail, mais j'ai du mal à saisir pourquoi il me sort trois types de medias queries différentes (les trois lignes en haut de l'écran). C'est seulement pour symboliser trois types de règles bien différentes ?

  • only screen and (max-width)
  • only screen and (max-width) and (min-width)
  • only screen and (min-width)

C'est ça uniquement ?

Merci pour vos retrours.