Los móviles actuales tienen un viewport CSS de entre 360 y 440 píxeles de ancho, y las tablets de entre 744 y 1032. Los Android compactos están en 360, los iPhone entre 375 y 440, los Android grandes en 412 o más, el iPad mini en 744 y los iPad de 11 y 13 pulgadas entre 820 y 1032. Aquí tienes las cifras por dispositivo, la explicación de por qué en Android cambian de una fuente a otra y, al final, la lista corta de anchos que vale la pena probar.
Elige un dispositivo en la vista previa de abajo, escribe tu dirección y mira tu sitio con ese tamaño.
Los anchos que importan
No hace falta probar cada modelo. Estos anchos cubren el abanico real:
| Ancho CSS | Dispositivos típicos | Para qué sirve |
|---|---|---|
| 320 | iPhone SE (1.ª generación), iPad en Split View | El ancho más estrecho en el que nada debería romperse |
| 360 | Galaxy S24 y S25, OPPO A6x, muchos Android de gama media | El ancho habitual de los Android compactos |
| 375 | iPhone SE (2.ª y 3.ª generación), modelos mini | Sigue presente en iPhone antiguos |
| 390 a 393 | iPhone 14 a 16, Redmi Note 14 | El ancho más común en iPhone |
| 402 | iPhone 17, 17 Pro, 18 Pro | El iPhone base actual |
| 412 a 414 | Pixel 7 a 10, Galaxy S24+ y Ultra | El ancho habitual de los Android grandes |
| 430 a 440 | iPhone Plus y Pro Max | Los móviles normales más anchos |
| 744 a 768 | iPad mini, iPad antiguos de 9,7 pulgadas | Tablets pequeñas |
| 820 a 834 | iPad (A16), iPad Air 11, iPad Pro 11 | Tablet estándar en vertical |
| 1024 a 1032 | iPad Air 13, iPad Pro 12,9 y 13 | Tablet grande en vertical, portátil pequeño en horizontal |
Móviles Android: por qué las cifras cambian según la fuente
Android no tiene una tabla oficial única, y las listas públicas se contradicen. Screen Size Checker da al Galaxy S25+ un viewport de 412 × 891, mientras que WhatIsMyScreenSize le da 480 × 1040. Las dos dividen la resolución del panel entre una densidad de píxeles estimada, y en Android esa densidad suele ser fraccionaria (2,625; 3,125; 3,25), así que un pequeño error de estimación mueve el ancho decenas de píxeles. Ambas páginas indican que sus valores son aproximados.
La tabla siguiente usa valores en los que coinciden las fuentes o que son ajustes predefinidos de nuestra propia herramienta, y marca el resto como aproximado:
| Dispositivo | Viewport CSS (vertical) | Densidad de píxeles |
|---|---|---|
| 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, pantalla externa | 323 × 792 | 3 |
| Galaxy Z Fold6, desplegado | 619 × 720 | 3 |
Los plegables son el motivo para probar un ancho por debajo de 360 y otro entre 620 y 720. Desplegados quedan entre móvil y tablet, y un diseño pensado solo para los dos extremos puede verse estirado ahí.
iPhone
Los anchos de los iPhone están bien documentados. Van de 320 en el primer SE a 440 en los Pro Max, con 375, 390, 393, 402, 420 y 430 entre medias. La lista completa, con resoluciones y densidades de píxeles, está en la tabla de viewports de iPhone.
iPad y otras tablets
Viewports de tablet en vertical, según la lista de iPad de Screen Size Checker. En horizontal se intercambian ancho y alto, y todos los iPad tienen una densidad de píxeles de 2.
| Modelo | Viewport CSS (vertical) |
|---|---|
| iPad mini (A17 Pro, 6.ª generación) | 744 × 1133 |
| iPad (9.ª generación) | 810 × 1080 |
| iPad (10.ª generación, 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 |
Dos cosas complican los iPad más de lo que sugiere la tabla. Primero, Safari en iPad pide por defecto la versión de escritorio de un sitio, así que una página puede recibir un diseño de escritorio con 820 píxeles (mira cómo ver un sitio como en un iPad desde Chrome). Segundo, la multitarea reduce la ventana: las notas sobre viewports de Maximiliano Firtman indican anchos de 320 a 694 píxeles en Split View y Side View, de modo que tu diseño de tablet puede tener que mostrarse con ancho de móvil. Sin etiqueta meta viewport, esas mismas notas registran un diseño de 980 píxeles en iPad.
Cómo leer el tamaño real en tu propio dispositivo
Las tablas de referencia son solo un punto de partida. Para ver qué informa tu dispositivo, abre la consola del navegador, o cualquier página que lo muestre, y ejecuta:
`${innerWidth} × ${innerHeight} @ ${devicePixelRatio}x`Los ajustes cambian el resultado: el zoom de pantalla y el tamaño de visualización de Samsung, la escala del texto del navegador, si la barra de direcciones está contraída y la orientación. El artículo qué es el tamaño del viewport explica por qué la altura cambia todo el rato.
Qué anchos probar
Prueba 360 y 412 para Android, 390 y 402 para iPhone, 744 y 834 para tablets, y añade 320 como caso límite y una vista horizontal de un móvil y de una tablet. No conviertas estas cifras en puntos de ruptura: los puntos de ruptura ligados a dispositivos envejecen rápido, y tus puntos de ruptura responsive deben seguir el lugar donde se rompe tu propio diseño. Los tamaños sirven para comprobar, y cómo probar el diseño responsive cubre la rutina completa.
Preguntas frecuentes
¿Para qué tamaño de pantalla debo diseñar un sitio móvil?
Empieza con 360 a 390 píxeles de ancho y deja que el diseño se adapte hasta unos 440. Evita los anchos fijos en píxeles en los contenedores, para que la página funcione también a 320 y en los plegables abiertos.
¿El tamaño de pantalla de un móvil es lo mismo que su viewport?
No. La resolución de pantalla cuenta píxeles físicos y el viewport cuenta píxeles CSS, es decir, la resolución dividida entre la densidad de píxeles. Una pantalla de iPhone de 1206 × 2622 da un viewport de 402 × 874.
¿Por qué mi móvil indica un tamaño distinto al de estas tablas?
Las listas de referencia estiman la densidad de píxeles, y tu dispositivo aplica además su propio tamaño de visualización, zoom y ajustes del navegador. Si no coinciden, fíate de la cifra de tu navegador.
Fuentes: listas de Screen Size Checker para Android y iPad (revisión de datos del 24 de septiembre de 2026, valores marcados como no verificados por el propio sitio); WhatIsMyScreenSize, viewports CSS de Android (31 de julio de 2026, aproximado); Maximiliano Firtman, viewports; YesViz, Galaxy S25. Compruébalo en tus propios dispositivos antes de fiarte de un valor.