Règle CSS responsive (media query)
Règle CSS qui change le rendu d'une page selon la taille de l'écran. La syntaxe ressemble à : « si l'écran fait moins de 768 pixels, passer la navigation en menu burger ». C'est ce qui rend une page lisible aussi bien sur téléphone que sur grand écran.
Forces
- Standard CSS natif depuis 2012, supporté par tous les navigateurs modernes
- 3 breakpoints suffisent dans 95% des cas (téléphone, tablette, écran)
Limites
- Facile à oublier, un proto peut sembler beau en démo desktop et casser sur mobile
Pour qui
- Toute interface web destinée à être consultée sur plusieurs tailles d'écran