Le viewport est une zone visible de la page Web sur un appareil particulier. Elle est généralement plus petite sur un appareil mobile que sur un écran d’ordinateur.
La balise meta viewport en HTML5 est une fonctionnalité pour adapter la mise en page sur différents navigateurs, dont la taille varie.
Par exemple, pour fixer la largeur de la page à suivre la largeur de l’écran de l’appareil, on utilise :
- width=device-width : rend la largeur de la page égale à la largeur de l’écran de l’appareil.
- initial-scale=1 : définit le niveau de zoom initial lors de la première chargement de la page.
