Desenvolvedor

Testador de Resolução de Tela Gratuito

Veja o tamanho da janela do seu navegador, resolução da tela, proporção de pixels do dispositivo e qual breakpoint Tailwind está ativo. Atualiza em tempo real ao redimensionar. Sem cadastro.

100% gratuito — nenhuma conta necessária

0 x 0

Tamanho da Janela

Resolução da Tela

0 x 0

Proporção de Pixels

1x

Orientação

Paisagem

Breakpoint Tailwind
xs0-639
sm640-767
md768-1023
lg1024-1279
xl1280-1535
2xl1536+
Dispositivos Correspondentes
iPhone SE
375 x 667
iPhone 15
393 x 852
iPad
810 x 1080
MacBook Air
1440 x 900
1080p
1920 x 1080
1440p
2560 x 1440
4K
3840 x 2160

Recursos de Testador de Resolução de Tela Gratuito

Métricas de navegador e tela em tempo real

Breakpoints Tailwind

Saiba qual breakpoint CSS Tailwind (sm/md/lg/xl/2xl) está ativo no momento.

Correspondência de Dispositivos

Veja quais dispositivos comuns correspondem ao tamanho atual da sua janela.

Proporção de Pixels

Veja a proporção de pixels do seu dispositivo — importante para displays retina/high-DPI.

Atualizações ao Vivo

Todos os valores atualizam instantaneamente ao redimensionar a janela do navegador.

FAQ

O que é proporção de pixels do dispositivo?

DPR é a proporção entre pixels físicos e pixels CSS. Um DPR de 2 (Retina) significa que cada pixel CSS é renderizado por 4 pixels físicos.

Por que minha resolução é diferente das especificações da tela?

Tamanho da janela do navegador ≠ resolução da tela. A janela geralmente é menor que a tela, e o escalonamento DPR faz com que pixels CSS difiram de pixels físicos.

Quais são os breakpoints Tailwind?

sm: 640px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px. Seu layout muda nessas larguras no design responsivo Tailwind CSS.

Gostando das nossas ferramentas gratuitas?

Construa Conteúdo Responsivo

Teste seus designs responsivos em diferentes dispositivos.