Generatore di meta tag viewport per mobile responsive
Genera il meta tag viewport per il responsive design mobile, direttamente nel tuo browser.
Recommendation: keep zoom allowed for accessibility.
🔒 100 % lato client — nessun dato inviato
Genera il meta tag viewport ideale per rendere le tue pagine web responsive sui dispositivi mobili, impostando larghezza, scala iniziale e zoom. Lo strumento funziona interamente nel tuo browser, senza registrazione, e copi il codice pronto da incollare.
What is it for?
- ▸ Rendi un sito responsive fin dall'inizio di un progetto web
- ▸ Configura la scala iniziale e lo zoom consentito sui dispositivi mobili
- ▸ Correggi un display ingrandito o minuscolo sugli smartphone
- ▸ Scopri il ruolo di ciascun parametro del tag viewport
FAQ
A cosa serve il meta tag viewport?
Indica al browser mobile come adattare la larghezza della pagina e il livello di zoom allo schermo. Senza di esso, un sito appare spesso rimpicciolito come sullo schermo desktop.
Qual è il tag viewport consigliato?
Il valore più comune è <meta name="viewport" content="width=device-width, initial-scale=1">. Adatta la larghezza al dispositivo e imposta lo zoom iniziale al 100%.
Devo disabilitare lo zoom utente?
Disabilitare lo zoom con user-scalable=no è sconsigliato perché danneggia l'accessibilità. Consenti agli utenti di ingrandire la pagina, salvo casi molto specifici come una mappa interattiva.