O que é o viewport?

O viewport é um conceito que surge junto com o Web Design Adaptativo e o Web Design. Inicialmente, foi pensado para que os sites pudessem ser adaptados para dispositivos móveis.
Este conceito faz referência à área disponível para renderizar uma página web, ou seja, a área visível do navegador (Excluindo a barra de busca, marcadores, abas e demais coisas do navegador).

O que é o viewport?

 

O viewport é configurado através de um elemento interno à tag. Entre os valores de configuração que podemos especificar se encontram:

  • Escala que pode ser aplicada pelo usuário.
  • O zoom inicial que o navegador deve apresentar.
  • A área de renderização disponível.

<meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0>

  • width=device-width: Área disponível para renderizar, neste caso, toda a largura do viewport do dispositivo.
  • user-scalable=no: O usuário não pode fazer escalonamento.
  • initial-scale=1.0: Nível de zoom/escala Inicial.

Esta é a definição oficial para que sua página web se adapte de forma correta aos dispositivos móveis. Assim que é visualizada uma página web em um dispositivo móvel sem e com viewport.


O que é o viewport?

E-books Gratuitos

COMO INICIAR NO MARKETING DIGITAL

Como iniciar no
MARKETING DIGITAL

O marketing digital é uma forma de promover produtos, serviços ou marcas utilizando o poder das mídias digitais e contando com o suporte da tecnologia.

Saiba Mais
COMO APLICAR O MARKETING DIGITAL NO SEU NEGÓCIO

Como aplicar Marketing Digital
NO SEU NEGÓCIO

Você tem um negócio e quer a ajuda da Internet para crescer? temos um e-book certo para você.

Saiba Mais