Generador de etiqueta meta viewport para móvil responsive
Genera la etiqueta meta viewport para el diseño responsive en móvil, directamente en tu navegador.
Recommendation: keep zoom allowed for accessibility.
🔒 100 % en el cliente — no se envía ningún dato
Genera la etiqueta meta viewport ideal para que tus páginas web sean responsive en móvil, ajustando el ancho, la escala inicial y el zoom. La herramienta se ejecuta enteramente en tu navegador, sin registro, y copias el código listo para pegar.
What is it for?
- ▸ Hacer un sitio responsive desde el inicio de un proyecto web
- ▸ Configurar la escala inicial y el zoom permitido en móvil
- ▸ Corregir una visualización alejada o diminuta en smartphones
- ▸ Aprender el papel de cada parámetro de la etiqueta viewport
FAQ
¿Para qué sirve la etiqueta meta viewport?
Le indica al navegador móvil cómo ajustar el ancho de la página y el nivel de zoom a la pantalla. Sin ella, un sitio suele mostrarse alejado como si fuera una pantalla de escritorio.
¿Cuál es la etiqueta viewport recomendada?
El valor más común es <meta name="viewport" content="width=device-width, initial-scale=1">. Ajusta el ancho al dispositivo y fija el zoom inicial al 100%.
¿Debería desactivar el zoom del usuario?
Desactivar el zoom con user-scalable=no está desaconsejado porque perjudica la accesibilidad. Deja que los usuarios amplíen la página salvo que tengas un caso muy concreto, como un mapa interactivo.