Medidor de tela do navegador
Mostra na hora as dimensões do viewport, o tamanho da tela e a proporção de pixels.
Como usar Medidor de tela do navegador
Browser screen size shows your current viewport width and height in CSS pixels, plus the full screen size, available screen area, device pixel ratio, color depth and orientation. The viewport readout updates live as you resize the window or rotate the device, with no input required. Values come from standard browser properties such as innerWidth and devicePixelRatio.
- Abra a página para ver as medições atuais do seu viewport e da tela.
- Redimensione o navegador ou mude a orientação; a medição do viewport é atualizada automaticamente.
- Leia a proporção de pixels e as dimensões CSS em conjunto para considerar a escala de exibição.
O que esta ferramenta suporta
Exibe o viewport da área de trabalho, a tela e as dimensões disponíveis em pixels CSS, a proporção de pixels do dispositivo, a profundidade de cor e a orientação. As medições do viewport são atualizadas quando o navegador é redimensionado. Um quadro de execução incorporado informa o próprio viewport.
Limites e processamento
Os pixels CSS informados pelo navegador refletem a escala de exibição e as proteções de privacidade; nem sempre equivalem aos pixels físicos da tela.
Perguntas frequentes
What is the difference between viewport size and screen size?
The viewport is the visible page area inside the browser window, which changes as you resize it. Screen size covers the whole display, and available screen excludes space reserved by the operating system, such as a taskbar.
Why doesn't the screen size match my monitor's resolution?
Browsers report CSS pixels, which are affected by display scaling, zoom and privacy protections. Multiply by the device pixel ratio for an approximate physical figure; on a 2x display, 1440 CSS pixels correspond to 2880 device pixels.
Does the viewport size update when I resize the window?
Yes. The tool listens for resize and orientation-change events and remeasures on the next animation frame, so the numbers follow the window as you drag it. Orientation shows a value such as landscape-primary when the browser reports one.
Onde minha entrada é processada?
Esta operação processa sua fonte no seu navegador. Copiar e baixar são ações explícitas; a entrada de origem não é salva em conta nem em histórico.
Quais são os limites de entrada?
Os pixels CSS informados pelo navegador refletem a escala de exibição e as proteções de privacidade; nem sempre equivalem aos pixels físicos da tela.