Comment utiliser la balise meta viewport ?

Afficher correctement la version mobile d'un site.

19 août 2012

Apple a fournit aux développeurs un outil pour configurer l'affichage sur un navigateur mobile. Cet outil, reprit maintenant sur la plupart des navigateurs, est une balise meta HTML nommée Viewport. La balise meta viewport permet de définir la taille par défaut de l'écran et de régler le zoom.

Voici les attributs possibles :

  • width : Largeur de l'écran en pixels. La valeur device-width adapte tout seul la largeur à la résolution de l'écran.
  • height : Idem pour la hauteur. La valeur device-height adapte tout seul la hauteur à la résolution de l'écran.
  • initial-scale : Echelle du zoom par défaut.
  • minimum-scale : Zoom minimum.
  • maximum-scale : Zoom maximum.
  • user-scalable : Le visiteur a le droit ou non de zoomer. Par défaut la valeur est 'yes'. Pour l'interdire il suffit d'indiquer 'no' ou '0'.

Voici la balise que j'utilise pour la version mobile d'Informatix :

La balise meta viewport

<meta name="viewport" content="width=device-width, minimum-scale=1.0" />

A bientôt .

Par
Créateur et administrateur.

Dans la même catégorie

Formater un tableau pour CURLOPT_POSTFIELDS
Email avec pièce jointe en PHP
PHP : modifier les attributs privés d'un objet
Tester l'existence d'un fichier dans l'include path
Convertir récursivement un objet PHP en tableau
PHP : formater un tableau en CSV
Comment envoyer un mail en ligne de commande ?
RSYNC : Comment synchroniser des fichiers à travers une connexion ssh ?
Exécuter un code PHP en ligne de commande
Doctrine 2 : générer les classes PHP depuis la base de données
Comment catcher les erreurs en PHP ?
Doctrine 2 : comment afficher la requête SQL ?
Comment construire une URL sans caractères spéciaux en PHP ?
Comment lister les fichiers PHP inclus sur ma page ?
Les fonctions anonymes récursives en PHP
Requête HTTP asynchrone en PHP
La résolution statique à la volée ou Late Static Bindings
Trouver les jours fériés français en PHP
Comment allumer son ordinateur à distance en PHP ?
Une version mobile de mon site avec le Zend Framework
Doctrine et le Zend Framework : Présentation, intégration et utilisation
Créer son flux RSS simplement avec Zend_Feed
Appliquer un layout sur un mail avec le Zend Framework
Comment lancer une requête multi-bases avec les fonctions MySQL ?
Implode / Explode : Du tableau à la chaine de caractères, de la chaine de caractères au tableau

Commentaire(s)