Viewport

El viewport es el área visible de una página web dentro de la ventana del navegador. En dispositivos móviles, las páginas controlan cómo se adaptan a la pantalla con la etiqueta <meta name="viewport">, que establece el ancho de la página y el comportamiento de zoom —incluida, de forma no deseable, la posibilidad de impedir que los usuarios hagan zoom—.

Sin esta etiqueta, los navegadores móviles representan la página con un ancho fijo similar al de escritorio (normalmente 980px) y reducen el resultado para ajustarlo a la pantalla, lo que es ilegible hasta que el visitante amplía manualmente. Declarar width=device-width es lo que hace que el diseño responsive y sus media queries surtan efecto realmente en móviles.

Más información

• Conceptos del viewport - Explicación de MDN sobre el viewport y la etiqueta meta viewport
• Diseño responsive