Perguntas frequentes
Qual é a diferença entre pixels CSS e pixels físicos?
As páginas da web são medidas em pixels CSS. A tela desenha cada pixel CSS com tantos pixels físicos quanto indica a proporção de pixels, então um celular de 390 × 844 com proporção 3 tem 1170 × 2532 pixels físicos.
O que é a proporção de pixels do dispositivo?
É o número de pixels físicos para cada pixel CSS em uma direção. O zoom do navegador e a escala da tela nas configurações do sistema também a alteram.
Por que o viewport é menor que a tela?
A barra de endereço, as abas, a barra de tarefas ou o Dock e a moldura da janela ocupam parte da tela. O viewport é a área que sobra para a página.
Qual é a resolução real da minha tela?
Multiplique o tamanho em pixels CSS pela proporção de pixels. Na maioria das telas, isso dá a resolução nativa, mesmo com escala de tela ou zoom do navegador.