Balise meta viewport
Balise meta HTML qui règle la façon dont un navigateur mobile met le contenu à l'échelle : <meta name="viewport" content="width=device-width, initial-scale=1">. Indispensable au responsive design — sans elle, Safari dézoome pour afficher la page à la largeur d'un ordinateur de bureau.
Apple a introduit le concept avec l'iPhone en 2007. Le viewport mobile par défaut fait environ 980 px (rendu « bureau » réduit). Avec width=device-width, il épouse la largeur en pixels de l'appareil et les media queries CSS se comportent comme prévu. maximum-scale=1, user-scalable=no est un anti-patron : il casse le pincement pour zoomer et pose un problème d'accessibilité. viewport-fit=cover et les safe-area-inset CSS servent aux écrans à encoche (iPhone X et suivants). Lighthouse et les outils de test responsive vérifient que la balise est bien là.