Le viewport : fenêtre avec vue…
Non le viewport n’est pas le nom du dernier endroit à la mode, mais plutôt un terme désignant la surface d’affichage sur un appareil mobile. Et bonne nouvelle, on peut la modifier !
Exemple :
<meta name="viewport" content = "width = device-width, initial-scale = 2.3, user-scalable = yes" />
Mais c’est quoi ça ? Et bien voilà la métadonnée (à placer entre balise <head>) qui vous permet simplement de définir la zone à afficher sur votre site. Explications :
Width : Définit la largeur de la zone d’affichage. Par défaut elle est de 980px.
Plusieurs paramètres peuvent être spécifier :
<meta name="viewport" content = "width = device-width" />
<meta name="viewport" content = "width = device-width, initial-scale = 1" />
<meta name="viewport" content = "width = device-width, initial-scale = 1, user-scalable = yes" />