Tamaños de Viewport Android: Guía Completa
Esta guía completa proporciona tamaños de viewport y resoluciones de pantalla detallados para dispositivos Android populares. Información esencial para desarrolladores y diseñadores web que trabajan en sitios y aplicaciones responsive.
Estado de datos: Última actualización: 2026-02-08 (UTC)
Fuentes: Páginas oficiales de especificaciones de Apple, Google y Samsung
Método: Los valores de iPhone y iPad se calculan principalmente como resolución dividida por DPR. El viewport CSS y el DPR en Android pueden variar por escala de pantalla, interfaz del navegador y ajustes del sistema.
Tabla de Tamaños de Viewport
| Modelo | Tamaño de Viewport | Resolución de Pantalla | DPR | Año de Lanzamiento |
|---|---|---|---|---|
| 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 |
| 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 |
Entendiendo los Tamaños de Viewport
Fundamentos del Viewport
- Tamaño del Viewport: El área visible en píxeles CSS que tu sitio web puede usar
- Resolución de Pantalla: El número real de píxeles físicos en el dispositivo
- Relación de Píxeles del Dispositivo (DPR): La proporción entre píxeles físicos y píxeles CSS
- Orientación: Los dispositivos Android soportan tanto modo vertical como horizontal
Consideraciones de Diseño
- Diseña para varios tamaños de pantalla y densidades
- Considera diferentes relaciones de aspecto
- Optimiza para interacciones táctiles
- Usa media queries apropiadas
- Considera dispositivos plegables
Preguntas frecuentes sobre viewports de dispositivos
El tamaño de viewport es el área en píxeles CSS que usa tu diseño, mientras que la resolución es el número de píxeles físicos del dispositivo. Se relacionan por el DPR, pero la interfaz del navegador y la escala pueden cambiar el viewport efectivo.
Valores de DPR diferentes, escalado del sistema y comportamiento del navegador pueden producir anchos de viewport CSS distintos aunque la resolución física sea parecida.
Úsala como referencia de dispositivos reales, pero define breakpoints por comportamiento del contenido, no por un solo modelo. Prueba rangos clave como 360, 390, 412, 768, 820, 834 y 1024 píxeles CSS.
Los plegables cambian entre pantalla externa e interna con proporciones de viewport muy distintas. Prueba ambos estados y rotación, y evita fijar el layout a un único ancho.
Actualizamos estos datos tras lanzamientos importantes y cambios de especificaciones. Para casos críticos en producción, verifica siempre en dispositivos reales o laboratorios en la nube.