Viewport

O viewport é a área visível de uma página da web dentro da janela do navegador. Em dispositivos móveis, as páginas controlam como se ajustam à tela com a tag <meta name="viewport">, que define a largura da página e o comportamento de zoom — incluindo, de forma indesejada, a capacidade de impedir que os usuários deem zoom.

Sem essa tag, os navegadores móveis, por padrão, renderizam a página em uma largura fixa semelhante à de desktop (normalmente 980px) e reduzem o resultado para caber na tela, o que fica ilegível até que o visitante dê zoom manualmente. Declarar width=device-width é o que faz o design responsivo e suas media queries realmente surtirem efeito em dispositivos móveis.

Saiba mais

• Conceitos de viewport - explicação da MDN sobre o viewport e a meta tag viewport
• Design responsivo