Viewport é a área visível da página no navegador, medida em CSS pixels. Ela muda ao redimensionar a janela, abrir barras laterais, alterar zoom ou girar o dispositivo.
Verificador de Resolução de Tela
Veja viewport, resolução, DPR, pixels físicos estimados e orientação
Nem todo pixel mostrado pelo navegador é um pixel físico da tela
Browsers trabalham com CSS pixels, uma unidade lógica usada para layout. Telas HiDPI e zoom de página alteram a relação entre CSS pixels e pixels físicos, representada por devicePixelRatio. Por isso a resolução reportada pela página pode diferir da resolução nominal do monitor ou celular.
Leia a tela atual e teste mudanças de tamanho
- Abra a ferramenta e veja imediatamente o viewport, a tela e o DPR atuais.
- Redimensione a janela, altere zoom ou gire o dispositivo para observar os valores mudarem.
- Use atualizar se o navegador não disparar resize ou orientação automaticamente.
Fontes e referências desta ferramenta
Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
- Window.devicePixelRatioMDN Web Docs — Relação entre pixels físicos e CSS pixels, incluindo zoom e telas HiDPI.
- ScreenMDN Web Docs — Interface usada para largura, altura, área disponível, cor e orientação da tela.
- CSSOM View ModuleW3C — Especificação de viewport, screen e medidas usadas pelas APIs de layout.