Generador de meta viewport

Genera la etiqueta meta viewport responsiva.

width=device-widthEscala inicialEscala mínimaEscala máximaPermitir zoom del usuario

Salida

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, user-scalable=yes" />

Configura las opciones de escala y zoom para producir la etiqueta <meta name="viewport"> para páginas responsivas.

Cómo usar

Activa device-width y establece los valores de escala.
Elige si los usuarios pueden hacer zoom.
Copia la etiqueta meta viewport generada.

Preguntas frecuentes

¿Debo desactivar el zoom del usuario?: Normalmente no. Desactivar el zoom perjudica la accesibilidad, así que mantén user-scalable habilitado a menos que tengas una razón de peso.
¿Qué hace width=device-width?: Hace coincidir el viewport de diseño con el ancho de la pantalla del dispositivo, el estándar para el diseño responsivo.

Herramientas relacionadas