Consulta
- Entrada
- Monitor 1920 × 1080, janela 1200 × 800
- Saída esperada
- Viewport 1200 × 800
Use o resultado como referência técnica e confirme fontes oficiais quando houver impacto operacional.
viewport vs resolução tela
Viewport vs resolução de tela
Compare a área real da página com a resolução reportada pela tela para decisões responsivas.
Como interpretar
- Breakpoints CSS respondem ao viewport, não ao tamanho físico do monitor. Por isso design responsivo deve priorizar viewport.
Exemplo rápido
Checagem
- Entrada
- viewport vs resolução tela
- Saída esperada
- viewport vs screen resolution
A ferramenta principal permanece interativa; esta página organiza a intenção de busca.
FAQ da ferramenta completa
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.
Perguntas frequentes
Qual valor importa para media query?
Breakpoints CSS respondem ao viewport, não ao tamanho físico do monitor. Por isso design responsivo deve priorizar viewport.
A ferramenta funciona localmente?
Sim. A interface principal roda no navegador e evita enviar dados sensíveis quando o recurso depende de hardware local.