À quoi sert la fenêtre d'affichage ?

La viewport détermine la zone visible d'une page web dans la fenêtre du navigateur. Elle est nécessaire pour:

• Design adaptatif: Permet de créer des mises en page qui s'ajustent à différentes tailles d'écran d'appareils (smartphones, tablettes, ordinateurs de bureau).
• Mise à l'échelle du contenu: Contrôle la façon dont le contenu est affiché et mis à l'échelle en fonction de la taille de l'appareil.

<!-- Meta-tag pour configurer la viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Paramètres content:

• width=device-width: La largeur de la viewport correspond à la largeur de l'appareil en pixels CSS.
• initial-scale=1.0: Définit le niveau de zoom initial de la page.

Une configuration correcte de la viewport assure une visualisation confortable du site sur tous les appareils, améliorant l'expérience utilisateur et le SEO.