width height aspect-ratio Le rapport largeur/hauteur de la zone d'affichage orientation
scan Le processus de scan de l'appareil d'affichage grid Le type d'écran de l'appareil : matriciel ou grille ? update La fréquence de modification du contenu par l'appareil d'affichage Ajoutée avec le niveau 4 du module de spécification Media Queries. overflow-block La façon dont l'appareil d'affichage gère le contenu qui dépasse de la zone d'affichage selon l'axe de bloc Ajoutée avec le niveau 4 du module de spécification Media Queries. overflow-inline La possibilité de faire défiler (scroll) le contenu qui dépasse de la zone d'affichage sur l'axe en ligne Ajoutée avec le niveau 4 du module de spécification Media Queries.
color-gamut Un intervalle approximatif des couleurs prises en charge par l'agent utilisateur et l'appareil d'affichage Ajoutée avec le niveau 4 du module de spécification Media Queries.
display-mode Le mode d'affichage de l'application, tel qu'indiqué par la propriété display du manifeste Définie dans la spécification pour les manifestes des applications web.
light-level Le niveau de luminosité de l'environnement Reportée au niveau 5 du module de spécification Media Queries. scripting La disponibilité des fonctions de script (JavaScript par exemple) Reportée au niveau 5 du module de spécification Media Queries.
ipad
| La page fait 640px de largeur au maximum | @media screen and (max-width: 640px) | |
| La page fait 800px de largeur au minimum | @media screen and (min-width: 800px) | |
| La page fait entre 1024 et 1280px de largeur | @media screen and (min-width: 1024px) and (max-width: 1280px) | |
| L'appareil fait 480px de largeur au maximum | @media screen and (max-device-width: 480px) | |
| La page a un ratio minimum de 16/9 (1.78) | @media screen and (min-aspect-ratio: 16/9) | |
| La page a un ratio minimum de 3/4 (0.75) | @media screen and (aspect-ratio: 3/4) | |
| La résolution de au minimum de 2 | @media screen and (min-resolution: 2dppx) | |
| La page est A5 | @media print and (max-width: 14.8cm) | |
| La page est A4 | @media screen and (orientation:landscape) | |
Bootstrap
<div class="clearfix visible-xs">XS</div>
<div class="clearfix visible-sm">SM > 768px container = 750px</div>
<div class="clearfix visible-md">MD viewport > 992px container = 970px</div>
<div class="clearfix visible-lg">LG viewport > 1200px container = 1170px</div>
<ul>
<li><a href="full.html">Full</a></li>
</ul>
https://www.alsacreations.com/article/lire/1500-matchmedia-javascript-media-queries.html