Skip to main content

Viewport

O que significa Viewport?

O termo viewport descreve o tamanho da tela disponível de um dispositivo móvel. Estes podem ser, por exemplo, smartphones, tablets, computadores portáteis ou desktops. No entanto, Viewport tem um significado mais específico como uma meta tag em HTML5, onde é usada principalmente no contexto da otimização para celulares. Ele garante que o tamanho do display disponível seja utilizado de forma ideal e que o conteúdo seja exibido completamente e no tamanho correto.

Como funciona o viewport?

Há duas maneiras de especificar explicitamente o viewport em um arquivo HTML, a saber

1. diretamente no documento HTML: O seguinte código é inserido na área do cabeçalho do documento HTML:

[meta name=”view port” content=”width=device-width, initial-scale=1″]

Esta instrução ajusta toda a página web à largura da exibição disponível do dispositivo terminal.

2. externamente em um arquivo CSS referenciado: O seguinte código CSS é inserido diretamente no início do arquivo CSS referenciado:

@viewport {
largura: largura do dispositivo;
}

Esta linha de código especifica a largura do arquivo HTML para que ele se adapte automaticamente à largura de exibição do dispositivo terminal.

Significado para o Marketing Móvel

A especificação do viewport é essencial para todos os sites modernos. A Apple e o Google recomendam o uso do meta elemento para todas as presenças na web que devem ser responsivas. Aqueles que querem oferecer aos seus visitantes uma experiência de usuário ideal usam o elemento para otimizar a apresentação da presença na web para diferentes dispositivos finais e tamanhos de exibição.

Mais informações sobre este tema podem ser encontradas aqui:

https://www.quirksmode.org/mobile/viewports
https://www.quirksmode.org/mobile/viewports2
https://developer.apple.com/library/archive/documentation/UsingtheViewport
https://developers.google.com/web/fundamentals/viewport
http://webkrauts.de/ein-blick-durch-den-viewport


Você tem mais alguma pergunta?

Por favor, contacte-nos


Outros conteúdos