Definição - o que significa viewport?
Uma janela de visualização é um termo para a área visível de uma página da web em um dispositivo de exibição. Ele é usado tanto no código como no design analógico como uma forma de se referir à tela de exibição e como o layout se encaixa nessa tela.
Definirtec explica Viewport
Como os novos dispositivos têm tamanhos de tela radicalmente diferentes, a janela de visualização se tornou uma consideração importante no design responsivo. Os engenheiros precisam descobrir como encaixar as páginas da web em uma pequena janela de visualização para um smartphone ou dispositivo móvel tradicional. Mesmo os tablets tendem a ser menores do que as telas de computador tradicionais.
Os designers podem usar uma meta tag de viewport em HTML e uma ferramenta em Cascading Style Sheets para definir parâmetros de viewport como altura e largura, bem como escala e resolução de viewport.
Usar a meta tag da janela de visualização é uma parte importante da compatibilidade da página com a tela de um dispositivo. Normalmente, os designers olham para todo o texto, imagens e funcionalidades em uma página e os colocam de acordo com o que a janela de visualização pode manipular - e quando eles colocam as limitações da janela de visualização, isso fornece um conjunto técnico de parâmetros para trabalhar.