Propriétés width et height

Ces propriétés définissent la largeur et la hauteur de votre page à afficher dans le viewport. La valeur par défaut de width est 980 (valeurs comprises entre 200 et 10 000), ce qui forcera Safari à agir tel un navigateur standard de 980 pixels de large. La valeur par défaut de height est proportionnelle à celle de width (de 223 à 10 000). Il est possible d'utiliser device-width ou device-height à la place d'une valeur pour ajuster l'affichage plein écran de la page.

» Ouvrir une page en pleine largeur

<meta name="viewport" content="width=device-width">

» Ouvrir une page en pleine hauteur

<meta name="viewport" content="height=device-height">

» Ouvrir une page en n'en afficher que 640 pixels

<meta name="viewport" content="width=640">

Propriété initial-scale

Cette propriété force un zoom par défaut sur la page lors de son ouverture. Par défaut le zoom est calculé au mieux pour afficher toute la page.

» Ouvrir une page avec en zoomant 2 fois

<meta name="viewport" content="initial-scale=2.0">

» Ouvrir une page sans zoom

<meta name="viewport" content="initial-scale=1.0">

Propriétés minimum-scale et maximum-scale

Cette propriété définie la valeur de zoom minimum et maximum. Les valeurs par défaut sont 0.25 (de 0.1 à 10) pour le minimum-scale et de 1.6 (0.1 à 10) pour maximum-scale.