Générateur de balise meta viewport responsive
Générez la balise meta viewport pour le responsive mobile, directement dans le navigateur.
Recommandation : laissez le zoom autorisé pour l’accessibilité.
🔒 100 % côté client — aucune donnée envoyée
Générez la balise meta viewport idéale pour rendre vos pages web responsives sur mobile, en réglant la largeur, l'échelle initiale et le zoom. L'outil fonctionne entièrement dans votre navigateur, sans inscription, et vous copiez le code prêt à coller.
À quoi ça sert ?
- ▸ Rendre un site responsive dès le début d'un projet web
- ▸ Configurer l'échelle initiale et le zoom autorisé sur mobile
- ▸ Corriger un affichage dézoomé ou trop petit sur smartphone
- ▸ Apprendre le rôle de chaque paramètre de la balise viewport
FAQ
À quoi sert la balise meta viewport ?
Elle indique au navigateur mobile comment adapter la largeur de la page et le niveau de zoom à l'écran. Sans elle, un site s'affiche souvent dézoomé comme sur un écran de bureau.
Quelle est la balise viewport recommandée ?
La valeur la plus courante est <meta name="viewport" content="width=device-width, initial-scale=1">. Elle cale la largeur sur celle de l'appareil et fixe le zoom initial à 100%.
Faut-il désactiver le zoom utilisateur ?
Il est déconseillé de bloquer le zoom avec user-scalable=no car cela nuit à l'accessibilité. Laissez les utilisateurs agrandir la page, sauf cas très particulier comme une carte interactive.