Media queries — Wikipédia
Media queries est un module CSS3 permettant d'adapter le contenu d'une page web aux caractéristiques de l'appareil de l'utilisateur (par exemple, écran de téléphone intelligent versus écran d'ordinateur). De telles adaptations sont devenues une norme W3C recommandée en [1]. Il s'agit de la pierre angulaire des sites web adaptatifs.
Exemples
[modifier | modifier le code]@media screen and (display-mode: fullscreen) { /* S'applique seulement au plein écran */ }
@media all and (orientation: landscape) { /* S'applique seulement à l'orientation paysage */ }
@media screen and (min-device-width: 500px) { /* S'applique seulement aux écrans de largeur supérieure ou égale à 500 pixels */ }
Notes et références
[modifier | modifier le code]- Media Queries Publication History 19 June 2012