Gerador de Meta Tag Viewport para Mobile Responsivo
Gere a meta tag viewport para design responsivo mobile, diretamente no seu navegador.
Recommendation: keep zoom allowed for accessibility.
🔒 100 % no cliente — nenhum dado enviado
Gere a meta tag viewport ideal para tornar suas páginas web responsivas no mobile, definindo largura, escala inicial e zoom. A ferramenta roda inteiramente no seu navegador, sem cadastro, e você copia o código pronto para colar.
What is it for?
- ▸ Tornar um site responsivo desde o início de um projeto web
- ▸ Configurar a escala inicial e o zoom permitido no mobile
- ▸ Corrigir uma exibição muito afastada ou minúscula em smartphones
- ▸ Entender a função de cada parâmetro da tag viewport
FAQ
Para que serve a meta tag viewport?
Ela informa ao navegador mobile como ajustar a largura da página e o nível de zoom à tela. Sem ela, um site muitas vezes aparece afastado, como se estivesse em uma tela de desktop.
Qual é a tag viewport recomendada?
O valor mais comum é <meta name="viewport" content="width=device-width, initial-scale=1">. Ele ajusta a largura ao dispositivo e define o zoom inicial em 100%.
Devo desativar o zoom do usuário?
Desativar o zoom com user-scalable=no não é recomendado porque prejudica a acessibilidade. Permita que os usuários ampliem a página, a menos que você tenha um caso muito específico, como um mapa interativo.