Viewport

Le viewport est la zone visible d’une page web dans la fenêtre du navigateur. Sur les appareils mobiles, les pages contrôlent leur mise à l’échelle à l’écran à l’aide d’une balise <meta name="viewport">, qui définit la largeur de la page et le comportement du zoom, y compris, de manière indésirable, la possibilité d’empêcher les utilisateurs de zoomer.

Sans cette balise, les navigateurs mobiles affichent par défaut la page à une largeur fixe semblable à celle d’un ordinateur de bureau (généralement 980 px), puis réduisent le résultat pour l’adapter à l’écran, ce qui le rend illisible jusqu’à ce que le visiteur zoome manuellement. Déclarer width=device-width permet à la conception adaptative et à ses requêtes média de réellement prendre effet sur mobile.

En savoir plus

• Concepts liés au viewport - L’explication de MDN sur le viewport et la balise meta viewport
• Conception adaptative