Tamanhos de viewport Android: Pixel, Galaxy, dobráveis, DPR e resolução
Compare viewport CSS, resolução física, DPR e ano de lançamento em Pixel, Galaxy, dobráveis e celulares Android populares. Os valores podem variar por escala de exibição, interface do navegador e configurações do sistema.
Status dos dados: Última atualização: 2026-02-08 (UTC)
Fontes: Páginas oficiais de especificações da Apple, Google e Samsung
Método: Os valores de iPhone e iPad são principalmente resolução dividida pelo DPR. O viewport CSS e DPR do Android podem variar conforme a escala de exibição, interface do navegador e configurações do sistema.
Resposta rápida: Use esta tabela Android como faixa prática para layouts de Pixel, Galaxy, dobráveis e celulares populares; o viewport CSS final pode mudar com escala e interface do navegador.
Tabela de Tamanhos de Viewport
| Modelo | Tamanho do Viewport | Resolução da Tela | DPR | Ano de Lançamento |
|---|---|---|---|---|
| Google Pixel 10 Pro XL | 414 × 921 | 1344 × 2992 | 3.25 | 2025 |
| Google Pixel 10 Pro | 410 × 914 | 1280 × 2856 | 3.125 | 2025 |
| Google Pixel 10 | 412 × 923 | 1080 × 2424 | 2.625 | 2025 |
| Google Pixel 10 Pro Fold (Cover / Main) | 412 × 923 / 692 × 717 | 1080 × 2424 / 2076 × 2152 | 2.625 / 3.0 | 2025 |
| Samsung Galaxy S25 Ultra | 412 × 891 | 1440 × 3120 | 3.5 | 2025 |
| Samsung Galaxy S25+ | 412 × 891 | 1440 × 3120 | 3.5 | 2025 |
| Samsung Galaxy S25 | 360 × 780 | 1080 × 2340 | 3.0 | 2025 |
| Huawei Mate 70 Pro | 411 x 885 | 1316 x 2832 | 3.2 | 2024 |
| Xiaomi 15 Pro | 412 x 914 | 1440 x 3200 | 3.5 | 2024 |
| OPPO Find X8 Pro | 395 x 869 | 1264 x 2780 | 3.2 | 2024 |
| vivo X200 Pro | 394 x 875 | 1260 x 2800 | 3.2 | 2024 |
| Honor Magic7 Pro | 400 x 875 | 1280 x 2800 | 3.2 | 2024 |
| Samsung Galaxy Z Fold6 (Cover / Main) | 323 × 792 / 619 × 720 | 968 × 2376 / 1856 × 2160 | 3.0 | 2024 |
| Samsung Galaxy Z Flip6 | 393 × 960 | 1080 × 2640 | 2.75 | 2024 |
| Samsung Galaxy S24 Ultra | 412 × 891 | 1440 × 3120 | 3.5 | 2024 |
| Samsung Galaxy S24+ | 412 × 891 | 1440 × 3120 | 3.5 | 2024 |
| Samsung Galaxy S24 | 360 × 780 | 1080 × 2340 | 3.0 | 2024 |
| Google Pixel 9 Pro XL | 414 × 921 | 1344 × 2992 | 3.25 | 2024 |
| Google Pixel 9 Pro | 410 × 914 | 1280 × 2856 | 3.125 | 2024 |
| Google Pixel 9 | 412 × 923 | 1080 × 2424 | 2.625 | 2024 |
| Google Pixel 8 Pro | 412 × 921 | 1344 × 2992 | 3.25 | 2023 |
| Google Pixel 8 | 412 × 915 | 1080 × 2400 | 2.625 | 2023 |
| Samsung Galaxy S23 Ultra | 412 × 915 | 1440 × 3088 | 3.5 | 2023 |
| Samsung Galaxy S23+ | 384 × 854 | 1080 × 2340 | 2.8125 | 2023 |
| Samsung Galaxy S23 | 360 × 780 | 1080 × 2340 | 3.0 | 2023 |
| Google Pixel 7 Pro | 412 × 892 | 1440 × 3120 | 3.5 | 2022 |
| Google Pixel 7 | 412 × 915 | 1080 × 2400 | 2.625 | 2022 |
| Samsung Galaxy S22 Ultra | 412 × 915 | 1440 × 3088 | 3.5 | 2022 |
| Samsung Galaxy S22+ | 384 × 854 | 1080 × 2340 | 2.8125 | 2022 |
| Samsung Galaxy S22 | 360 × 780 | 1080 × 2340 | 3.0 | 2022 |
| Google Pixel 6 Pro | 412 × 915 | 1440 × 3120 | 3.5 | 2021 |
| Google Pixel 6 | 412 × 915 | 1080 × 2400 | 2.625 | 2021 |
| Samsung Galaxy S21 Ultra | 384 × 854 | 1440 × 3200 | 3.75 | 2021 |
| Samsung Galaxy S21+ | 384 × 854 | 1080 × 2400 | 2.8125 | 2021 |
| Samsung Galaxy S21 | 360 × 800 | 1080 × 2400 | 3.0 | 2021 |
Entendendo Tamanhos de Viewport
Conceitos Básicos de Viewport
- Tamanho do Viewport: A área visível em pixels CSS que seu site pode utilizar
- Resolução da Tela: O número real de pixels físicos no dispositivo
- Proporção de Pixels do Dispositivo (DPR): A razão entre pixels físicos e pixels CSS
- Orientação: Dispositivos Android suportam os modos retrato e paisagem
Considerações de Design
- Projete para diversos tamanhos de tela e densidades
- Considere diferentes proporções de tela
- Otimize para interações de toque
- Use media queries apropriadas
- Considere dispositivos dobráveis
Perguntas Frequentes Sobre Viewports de Dispositivos
O tamanho do viewport é a área em pixels CSS que seu layout utiliza, enquanto a resolução de tela é a contagem de pixels físicos do dispositivo. Eles são relacionados pelo DPR, mas a interface do navegador e a escala podem alterar o viewport efetivo.
Diferentes valores de DPR, escala de exibição do sistema e comportamento do navegador podem produzir larguras de viewport CSS diferentes mesmo quando as resoluções físicas são próximas.
Use esta tabela como referência para dispositivos reais comuns, depois defina breakpoints flexíveis pelo comportamento do conteúdo, não por modelos específicos. Teste faixas-chave como 360, 390, 412, 768, 820, 834 e 1024 pixels CSS.
Dobráveis podem alternar entre tela externa e principal com proporções de viewport muito diferentes. Teste ambos os estados e rotação, e evite codificar layouts fixos para uma largura exata.
Atualizamos estes dados após lançamentos importantes de dispositivos e mudanças de especificações. Sempre verifique casos críticos de produção em dispositivos reais ou laboratórios de teste na nuvem.