Detecta resolução de tela, tamanho do viewport, DPI e profundidade de cor em tempo real.
O que é resolução de tela?
Resolução de tela é o número de pixels exibidos, expresso como largura × altura (ex: 1920×1080). Maior resolução significa mais pixels e imagens mais nítidas.
O que é a proporção de pixels do dispositivo (DPR)?
DPR é a relação entre pixels físicos e pixels CSS. Um DPR de 2 significa que um pixel CSS usa 2×2 pixels físicos. Telas Retina geralmente têm DPR de 2 ou 3.
Qual a diferença entre tela e viewport?
A resolução da tela é o tamanho total do display. O viewport é a área visível da página na janela do navegador, que é menor devido a barras e bordas.
Por que a resolução muda ao redimensionar o navegador?
Ao redimensionar a janela do navegador, o tamanho do viewport muda, mas a resolução da tela permanece a mesma. Esta ferramenta rastreia ambos em tempo real.