Como ver a resolução da tela
- Abra esta página: a resolução aparece no topo.
- Logo abaixo, veja o tamanho da janela e a proporção de pixels.
- Redimensione a janela ou gire o celular para ver as mudanças.
Resolução e viewport
A resolução é o tamanho da tela inteira; o viewport é a área da janela onde a página aparece, sem barras de ferramentas e de rolagem. O design web se adapta ao viewport.
Pixels CSS e escala
O sistema aumenta a escala em telas de alta densidade para o texto ficar legível. O navegador informa pixels CSS; multiplique pela proporção de pixels para chegar aos pixels físicos da ficha técnica.
Resoluções comuns
1920×1080 (Full HD) ainda é a mais comum no computador, seguida de 2560×1440 (QHD) e 3840×2160 (4K). Celulares informam cerca de 360–430 pixels CSS de largura.
Perguntas frequentes
Por que a resolução aparece menor que a do monitor?
Com a escala do sistema, o navegador informa pixels CSS. Uma tela 3840×2160 em 150 % aparece como 2560×1440; os pixels físicos mostram o valor real.
O que é proporção de pixels?
Quantos pixels físicos formam um pixel CSS. Telas Retina e a maioria dos celulares têm 2 ou 3.
Algo é enviado a um servidor?
Não. Os valores são lidos no navegador.