Os celulares atuais têm viewport CSS de cerca de 360 a 440 pixels de largura, e os tablets de 744 a 1032. Android compactos ficam em 360, iPhones entre 375 e 440, Android maiores em 412 ou mais, o iPad mini em 744 e os iPads de 11 e 13 polegadas entre 820 e 1032. Aqui estão os números por aparelho, a explicação de por que eles variam de fonte para fonte no Android e, no fim, a lista curta de larguras para testar.
Escolha um aparelho na prévia abaixo, digite seu endereço e veja o seu site nesse tamanho.
As larguras que importam
Não é preciso testar cada modelo. Estas larguras cobrem a variação real:
| Largura CSS | Aparelhos típicos | Por que importa |
|---|---|---|
| 320 | iPhone SE (1ª geração), iPad em Split View | A largura mais estreita em que nada deve quebrar |
| 360 | Galaxy S24 e S25, OPPO A6x, muitos Android intermediários | A largura comum dos Android compactos |
| 375 | iPhone SE (2ª e 3ª geração), modelos mini | Ainda presente em iPhones antigos |
| 390 a 393 | iPhone 14 a 16, Redmi Note 14 | A largura mais comum de iPhone |
| 402 | iPhone 17, 17 Pro, 18 Pro | O iPhone básico atual |
| 412 a 414 | Pixel 7 a 10, Galaxy S24+ e Ultra | A largura comum dos Android grandes |
| 430 a 440 | iPhone Plus e Pro Max | Os celulares comuns mais largos |
| 744 a 768 | iPad mini, iPads antigos de 9,7 polegadas | Tablets pequenos |
| 820 a 834 | iPad (A16), iPad Air 11, iPad Pro 11 | Tablet padrão em retrato |
| 1024 a 1032 | iPad Air 13, iPad Pro 12,9 e 13 | Tablet grande em retrato, notebook pequeno em paisagem |
Celulares Android: por que os números variam conforme a fonte
O Android não tem uma tabela oficial única, e as listas públicas se contradizem. O Screen Size Checker dá ao Galaxy S25+ um viewport de 412 × 891, enquanto o WhatIsMyScreenSize dá 480 × 1040. Os dois dividem a resolução do painel por uma densidade de pixels estimada, e no Android essa densidade costuma ser fracionária (2,625; 3,125; 3,25), então um pequeno erro de estimativa desloca a largura em dezenas de pixels. Os dois sites dizem que seus valores são aproximados.
A tabela abaixo usa valores em que as fontes concordam ou que são predefinições da nossa própria ferramenta, e marca o restante como aproximado:
| Aparelho | Viewport CSS (retrato) | Densidade de pixels |
|---|---|---|
| Galaxy S24, S25 | 360 × 780 | 3 |
| OPPO A6x | 360 × 785 | 2 |
| Galaxy S24+, S24 Ultra, S25 Ultra (aproximado) | 412 × 891 | 3,5 |
| Pixel 8 | 412 × 915 | 2,625 |
| Pixel 9, Pixel 10 | 412 × 923 | 2,625 |
| Pixel 9 Pro, Pixel 10 Pro | 410 × 914 | 3,125 |
| Pixel 9 Pro XL, Pixel 10 Pro XL | 414 × 921 | 3,25 |
| Galaxy Z Fold6, tela externa | 323 × 792 | 3 |
| Galaxy Z Fold6, aberto | 619 × 720 | 3 |
Os dobráveis são o motivo para testar uma largura abaixo de 360 e outra entre 620 e 720. Abertos, ficam entre celular e tablet, e um layout pensado só para os dois extremos pode parecer esticado ali.
iPhones
As larguras dos iPhones são bem documentadas. Vão de 320 no primeiro SE a 440 nos modelos Pro Max, com 375, 390, 393, 402, 420 e 430 no meio. A lista completa, com resoluções e densidades de pixels, está na tabela de viewports de iPhone.
iPads e outros tablets
Viewports de tablet em retrato, segundo a lista de iPads do Screen Size Checker. Em paisagem, largura e altura se invertem, e todos os iPads têm densidade de pixels 2.
| Modelo | Viewport CSS (retrato) |
|---|---|
| iPad mini (A17 Pro, 6ª geração) | 744 × 1133 |
| iPad (9ª geração) | 810 × 1080 |
| iPad (10ª geração, A16), iPad Air 11 | 820 × 1180 |
| iPad Pro 11 (2018 a 2022) | 834 × 1194 |
| iPad Pro 11 (M4) | 834 × 1210 |
| iPad Air 13, iPad Pro 12,9 | 1024 × 1366 |
| iPad Pro 13 (M4) | 1032 × 1376 |
Duas coisas complicam os iPads mais do que a tabela sugere. Primeiro, o Safari no iPad pede por padrão a versão desktop do site, então uma página pode receber um layout de desktop com 820 pixels (veja como ver um site como no iPad pelo Chrome). Segundo, a multitarefa reduz a janela: as notas sobre viewports de Maximiliano Firtman listam larguras de 320 a 694 pixels para Split View e Side View, então seu layout de tablet pode ter de funcionar com largura de celular. Sem a tag meta viewport, as mesmas notas registram um layout de 980 pixels no iPad.
Como ver o tamanho real no seu próprio aparelho
Tabelas de referência são só um ponto de partida. Para ver o que o seu aparelho informa, abra o console do navegador, ou qualquer página que mostre isso, e execute:
`${innerWidth} × ${innerHeight} @ ${devicePixelRatio}x`As configurações mudam o resultado: o zoom de tela e o tamanho de exibição da Samsung, a escala de texto do navegador, se a barra de endereço está recolhida e a orientação. O artigo o que é o tamanho do viewport explica por que a altura muda o tempo todo.
Quais larguras testar
Teste 360 e 412 para Android, 390 e 402 para iPhone, 744 e 834 para tablets, e acrescente 320 como caso extremo e uma visão em paisagem de um celular e de um tablet. Não transforme esses números em breakpoints: breakpoints presos a aparelhos envelhecem rápido, e seus breakpoints responsivos devem seguir o ponto onde o seu próprio layout quebra. Os tamanhos servem para conferir, e como testar design responsivo cobre a rotina completa.
Perguntas frequentes
Para qual tamanho de tela devo projetar um site mobile?
Comece com 360 a 390 pixels de largura e deixe o layout se adaptar até cerca de 440. Evite larguras fixas em pixels nos contêineres, para que a página funcione também em 320 e em dobráveis abertos.
O tamanho da tela de um celular é o mesmo que o viewport?
Não. A resolução da tela conta pixels físicos, e o viewport conta pixels CSS, que é a resolução dividida pela densidade de pixels. Uma tela de iPhone de 1206 × 2622 resulta em um viewport de 402 × 874.
Por que meu celular informa um tamanho diferente do dessas tabelas?
As listas de referência estimam a densidade de pixels, e o seu aparelho ainda aplica o próprio tamanho de exibição, zoom e configurações do navegador. Quando os números diferem, confie no valor do seu navegador.
Fontes: listas do Screen Size Checker para Android e iPad (revisão dos dados em 24 de setembro de 2026, valores marcados como não verificados pelo próprio site); WhatIsMyScreenSize, viewports CSS do Android (31 de julho de 2026, aproximado); Maximiliano Firtman, viewports; YesViz, Galaxy S25. Confira nos seus próprios aparelhos antes de confiar em um valor.