Tamaños de viewport iPhone: píxeles CSS, DPR y resolución

Busca los modelos de iPhone incluidos y compara especificaciones de pantalla con fuentes con los valores de referencia de viewport CSS y DPR. Los valores sin verificar están señalados en la tabla.

Estado de datos: Revisión de datos: 2026-09-24 (UTC). Consulta la fecha de acceso de cada fuente en los detalles de la tabla.

Fuentes: Cada enlace respalda únicamente los datos de hardware citados en sus detalles. Los datos sin fuente se marcan como pendientes de verificar.

Método: Las referencias de viewport CSS y DPR no se han verificado de forma independiente. La resolución nativa es una especificación del panel, no el viewport del navegador. La escala, las barras del navegador, la orientación y el tamaño de la ventana cambian el espacio disponible. Las resoluciones se muestran como lado corto × lado largo; las diagonales siguen el criterio de medición del fabricante.

Respuesta rápida: Busca tu modelo, consulta los detalles de la fuente y mide el viewport en el navegador de destino. Define los puntos de ruptura según las necesidades del contenido.

Comprobar el viewport de tu navegador

Tabla de Tamaños de Viewport

26 registros

Datos a fecha de: 2026-09-24

Desplázate horizontalmente por la tabla para ver todas las columnas.

Modelo	Referencia CSS (px)	Resolución nativa (px)	Referencia DPR	Diagonal (pulg.)	PPI	Fuente
iPhone 17 Pro MaxApple Especificaciones y pruebas Dimensiones físicas 78 × 163.4 × 8.75 mm Ubicación en la fuente Display section > product column #5 (iPhone 17 Pro Max, id=hR2mCXWz) Verificado el 2026-09-24 Resolución nativa 2868-by-1320-pixel resolution at 460 ppi Densidad de píxeles 2868-by-1320-pixel resolution at 460 ppi Tamaño diagonal 6.9-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 6.43 inches (163.4 mm); 3.07 inches (78.0 mm); 0.34 inch (8.75 mm)	440 × 956Referencia sin verificar	1320 × 2868	3Referencia sin verificar	6.9	460	Abrir fuente: Apple iPhone 17 Pro Max
iPhone 17 ProApple Especificaciones y pruebas Dimensiones físicas 71.9 × 150 × 8.75 mm Ubicación en la fuente Display section > product column #4 (iPhone 17 Pro, id=ZhHBl-Jt) Verificado el 2026-09-24 Resolución nativa 2622-by-1206-pixel resolution at 460 ppi Densidad de píxeles 2622-by-1206-pixel resolution at 460 ppi Tamaño diagonal 6.3-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.91 inches (150.0 mm); 2.83 inches (71.9 mm); 0.34 inch (8.75 mm)	402 × 874Referencia sin verificar	1206 × 2622	3Referencia sin verificar	6.3	460	Abrir fuente: Apple iPhone 17 Pro
iPhone AirApple Especificaciones y pruebas Dimensiones físicas 74.7 × 156.2 × 5.64 mm Ubicación en la fuente Display section > product column #6 (iPhone Air, id=LZILPLvf) Verificado el 2026-09-24 Resolución nativa 2736-by-1260-pixel resolution at 460 ppi Densidad de píxeles 2736-by-1260-pixel resolution at 460 ppi Tamaño diagonal 6.5-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 6.15 inches (156.2 mm); 2.94 inches (74.7 mm); 0.22 inch (5.64 mm)	420 × 912Referencia sin verificar	1260 × 2736	3Referencia sin verificar	6.5	460	Abrir fuente: Apple iPhone Air
iPhone 17Apple Especificaciones y pruebas Dimensiones físicas 71.5 × 149.6 × 7.95 mm Ubicación en la fuente Display section > product column #7 (iPhone 17, id=OGbL1N1L) Verificado el 2026-09-24 Resolución nativa 2622-by-1206-pixel resolution at 460 ppi Densidad de píxeles 2622-by-1206-pixel resolution at 460 ppi Tamaño diagonal 6.3-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.89 inches (149.6 mm); 2.81 inches (71.5 mm); 0.31 inch (7.95 mm)	402 × 874Referencia sin verificar	1206 × 2622	3Referencia sin verificar	6.3	460	Abrir fuente: Apple iPhone 17
iPhone 16eApple Especificaciones y pruebas Dimensiones físicas 71.5 × 146.7 × 7.8 mm Ubicación en la fuente Display section > product column #13 (iPhone 16e, id=A0iRygBz) Verificado el 2026-09-24 Resolución nativa 2532-by-1170-pixel resolution at 460 ppi Densidad de píxeles 2532-by-1170-pixel resolution at 460 ppi Tamaño diagonal 6.1-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.31 inch (7.80 mm)	390 × 844Referencia sin verificar	1170 × 2532	3Referencia sin verificar	6.1	460	Abrir fuente: Apple iPhone 16e
iPhone 16 Pro MaxApple Especificaciones y pruebas Dimensiones físicas 77.6 × 163 × 8.25 mm Ubicación en la fuente Display section > product column #10 (iPhone 16 Pro Max, id=3AjlM6ZG) Verificado el 2026-09-24 Resolución nativa 2868-by-1320-pixel resolution at 460 ppi Densidad de píxeles 2868-by-1320-pixel resolution at 460 ppi Tamaño diagonal 6.9-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 6.42 inches (163 mm); 3.06 inches (77.6 mm); 0.32 inch (8.25 mm)	Pendiente de verificar	1320 × 2868	3Referencia sin verificar	6.9	460	Abrir fuente: Apple iPhone 16 Pro Max
iPhone 16 ProApple Especificaciones y pruebas Dimensiones físicas 71.5 × 149.6 × 8.25 mm Ubicación en la fuente Display section > product column #9 (iPhone 16 Pro, id=Y8GmbmX0) Verificado el 2026-09-24 Resolución nativa 2622-by-1206-pixel resolution at 460 ppi Densidad de píxeles 2622-by-1206-pixel resolution at 460 ppi Tamaño diagonal 6.3-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.89 inches (149.6 mm); 2.81 inches (71.5 mm); 0.32 inch (8.25 mm)	Pendiente de verificar	1206 × 2622	3Referencia sin verificar	6.3	460	Abrir fuente: Apple iPhone 16 Pro
iPhone 16 PlusApple Especificaciones y pruebas Dimensiones físicas 77.8 × 160.9 × 7.8 mm Ubicación en la fuente Display section > product column #12 (iPhone 16 Plus, id=gASFVG-Z) Verificado el 2026-09-24 Resolución nativa 2796-by-1290-pixel resolution at 460 ppi Densidad de píxeles 2796-by-1290-pixel resolution at 460 ppi Tamaño diagonal 6.7-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 6.33 inches (160.9 mm); 3.06 inches (77.8 mm); 0.31 inch (7.80 mm)	Pendiente de verificar	1290 × 2796	3Referencia sin verificar	6.7	460	Abrir fuente: Apple iPhone 16 Plus
iPhone 16Apple Especificaciones y pruebas Dimensiones físicas 71.6 × 147.6 × 7.8 mm Ubicación en la fuente Display section > product column #11 (iPhone 16, id=Fha16AyJ) Verificado el 2026-09-24 Resolución nativa 2556-by-1179-pixel resolution at 460 ppi Densidad de píxeles 2556-by-1179-pixel resolution at 460 ppi Tamaño diagonal 6.1-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.81 inches (147.6 mm); 2.82 inches (71.6 mm); 0.31 inch (7.80 mm)	Pendiente de verificar	1179 × 2556	3Referencia sin verificar	6.1	460	Abrir fuente: Apple iPhone 16
iPhone 15 Pro MaxApple Especificaciones y pruebas Dimensiones físicas 76.7 × 159.9 × 8.25 mm Ubicación en la fuente Display section > product column #15 (iPhone 15 Pro Max, id=iCzJXwNI) Verificado el 2026-09-24 Resolución nativa 2796-by-1290-pixel resolution at 460 ppi Densidad de píxeles 2796-by-1290-pixel resolution at 460 ppi Tamaño diagonal 6.7-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 6.29 inches (159.9 mm); 3.02 inches (76.7 mm); 0.32 inch (8.25 mm)	430 × 932Referencia sin verificar	1290 × 2796	3Referencia sin verificar	6.7	460	Abrir fuente: Apple iPhone 15 Pro Max
iPhone 15 ProApple Especificaciones y pruebas Dimensiones físicas 70.6 × 146.6 × 8.25 mm Ubicación en la fuente Display section > product column #14 (iPhone 15 Pro, id=BxoBktn9) Verificado el 2026-09-24 Resolución nativa 2556-by-1179-pixel resolution at 460 ppi Densidad de píxeles 2556-by-1179-pixel resolution at 460 ppi Tamaño diagonal 6.1-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.77 inches (146.6 mm); 2.78 inches (70.6 mm); 0.32 inch (8.25 mm)	393 × 852Referencia sin verificar	1179 × 2556	3Referencia sin verificar	6.1	460	Abrir fuente: Apple iPhone 15 Pro
iPhone 15 PlusApple Especificaciones y pruebas Dimensiones físicas 77.8 × 160.9 × 7.8 mm Ubicación en la fuente Display section > product column #17 (iPhone 15 Plus, id=z3HEgkDg) Verificado el 2026-09-24 Resolución nativa 2796-by-1290-pixel resolution at 460 ppi Densidad de píxeles 2796-by-1290-pixel resolution at 460 ppi Tamaño diagonal 6.7-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 6.33 inches (160.9 mm); 3.06 inches (77.8 mm); 0.31 inch (7.80 mm)	Pendiente de verificar	1290 × 2796	3Referencia sin verificar	6.7	460	Abrir fuente: Apple iPhone 15 Plus
iPhone 15Apple Especificaciones y pruebas Dimensiones físicas 71.6 × 147.6 × 7.8 mm Ubicación en la fuente Display section > product column #16 (iPhone 15, id=R976lnUG) Verificado el 2026-09-24 Resolución nativa 2556-by-1179-pixel resolution at 460 ppi Densidad de píxeles 2556-by-1179-pixel resolution at 460 ppi Tamaño diagonal 6.1-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.81 inches (147.6 mm); 2.82 inches (71.6 mm); 0.31 inch (7.80 mm)	Pendiente de verificar	1179 × 2556	3Referencia sin verificar	6.1	460	Abrir fuente: Apple iPhone 15
iPhone 14 Pro MaxApple Especificaciones y pruebas Dimensiones físicas 77.6 × 160.7 × 7.85 mm Ubicación en la fuente Display section > product column #19 (iPhone 14 Pro Max, id=ponGukYT) Verificado el 2026-09-24 Resolución nativa 2796-by-1290-pixel resolution at 460 ppi Densidad de píxeles 2796-by-1290-pixel resolution at 460 ppi Tamaño diagonal 6.7-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 6.33 inches (160.7 mm); 3.05 inches (77.6 mm); 0.31 inch (7.85 mm)	430 × 932Referencia sin verificar	1290 × 2796	3Referencia sin verificar	6.7	460	Abrir fuente: Apple iPhone 14 Pro Max
iPhone 14 ProApple Especificaciones y pruebas Dimensiones físicas 71.5 × 147.5 × 7.85 mm Ubicación en la fuente Display section > product column #18 (iPhone 14 Pro, id=KYlix4hz) Verificado el 2026-09-24 Resolución nativa 2556-by-1179-pixel resolution at 460 ppi Densidad de píxeles 2556-by-1179-pixel resolution at 460 ppi Tamaño diagonal 6.1-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.81 inches (147.5 mm); 2.81 inches (71.5 mm); 0.31 inch (7.85 mm)	393 × 852Referencia sin verificar	1179 × 2556	3Referencia sin verificar	6.1	460	Abrir fuente: Apple iPhone 14 Pro
iPhone 14 PlusApple Especificaciones y pruebas Dimensiones físicas 78.1 × 160.8 × 7.8 mm Ubicación en la fuente Display section > product column #21 (iPhone 14 Plus, id=dfiNN_qd) Verificado el 2026-09-24 Resolución nativa 2778-by-1284-pixel resolution at 458 ppi Densidad de píxeles 2778-by-1284-pixel resolution at 458 ppi Tamaño diagonal 6.7-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.31 inch (7.80 mm)	428 × 926Referencia sin verificar	1284 × 2778	3Referencia sin verificar	6.7	458	Abrir fuente: Apple iPhone 14 Plus
iPhone 14Apple Especificaciones y pruebas Dimensiones físicas 71.5 × 146.7 × 7.8 mm Ubicación en la fuente Display section > product column #20 (iPhone 14, id=Z-14FYfp) Verificado el 2026-09-24 Resolución nativa 2532-by-1170-pixel resolution at 460 ppi Densidad de píxeles 2532-by-1170-pixel resolution at 460 ppi Tamaño diagonal 6.1-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.31 inch (7.80 mm)	390 × 844Referencia sin verificar	1170 × 2532	3Referencia sin verificar	6.1	460	Abrir fuente: Apple iPhone 14
iPhone SE (3rd generation)Apple Especificaciones y pruebas Dimensiones físicas 67.3 × 138.4 × 7.3 mm Ubicación en la fuente Display section > product column #26 (iPhone SE (3rd generation), id=oOWv29Ub) Verificado el 2026-09-24 Resolución nativa 1334-by-750-pixel resolution at 326 ppi Densidad de píxeles 1334-by-750-pixel resolution at 326 ppi Tamaño diagonal 4.7-inch (diagonal) widescreen LCD display with IPS technology Dimensiones físicas 5.45 inches (138.4 mm); 2.65 inches (67.3 mm); 0.29 inch (7.3 mm)	375 × 667Referencia sin verificar	750 × 1334	2Referencia sin verificar	4.7	326	Abrir fuente: Apple iPhone SE (3rd generation)
iPhone 13 Pro MaxApple Especificaciones y pruebas Dimensiones físicas 78.1 × 160.8 × 7.65 mm Ubicación en la fuente Display section > product column #23 (iPhone 13 Pro Max, id=6dEqudaf) Verificado el 2026-09-24 Resolución nativa 2778-by-1284-pixel resolution at 458 ppi Densidad de píxeles 2778-by-1284-pixel resolution at 458 ppi Tamaño diagonal 6.7-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.30 inch (7.65 mm)	428 × 926Referencia sin verificar	1284 × 2778	3Referencia sin verificar	6.7	458	Abrir fuente: Apple iPhone 13 Pro Max
iPhone 13 ProApple Especificaciones y pruebas Dimensiones físicas 71.5 × 146.7 × 7.65 mm Ubicación en la fuente Display section > product column #22 (iPhone 13 Pro, id=6SX_xJWQ) Verificado el 2026-09-24 Resolución nativa 2532-by-1170-pixel resolution at 460 ppi Densidad de píxeles 2532-by-1170-pixel resolution at 460 ppi Tamaño diagonal 6.1-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.30 inch (7.65 mm)	390 × 844Referencia sin verificar	1170 × 2532	3Referencia sin verificar	6.1	460	Abrir fuente: Apple iPhone 13 Pro
iPhone 13Apple Especificaciones y pruebas Dimensiones físicas 71.5 × 146.7 × 7.65 mm Ubicación en la fuente Display section > product column #25 (iPhone 13, id=YrUsmImz) Verificado el 2026-09-24 Resolución nativa 2532-by-1170-pixel resolution at 460 ppi Densidad de píxeles 2532-by-1170-pixel resolution at 460 ppi Tamaño diagonal 6.1-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.30 inch (7.65 mm)	390 × 844Referencia sin verificar	1170 × 2532	3Referencia sin verificar	6.1	460	Abrir fuente: Apple iPhone 13
iPhone 13 miniApple Especificaciones y pruebas Dimensiones físicas 64.2 × 131.5 × 7.65 mm Ubicación en la fuente Display section > product column #24 (iPhone 13 mini, id=idAq1s7A) Verificado el 2026-09-24 Resolución nativa 2340-by-1080-pixel resolution at 476 ppi Densidad de píxeles 2340-by-1080-pixel resolution at 476 ppi Tamaño diagonal 5.4-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.18 inches (131.5 mm); 2.53 inches (64.2 mm); 0.30 inch (7.65 mm)	375 × 812Referencia sin verificar	1080 × 2340	3Referencia sin verificar	5.4	476	Abrir fuente: Apple iPhone 13 mini
iPhone 12 Pro MaxApple Especificaciones y pruebas Dimensiones físicas 78.1 × 160.8 × 7.4 mm Ubicación en la fuente Display section > product column #28 (iPhone 12 Pro Max, id=FBs9n5Xc) Verificado el 2026-09-24 Resolución nativa 2778-by-1284-pixel resolution at 458 ppi Densidad de píxeles 2778-by-1284-pixel resolution at 458 ppi Tamaño diagonal 6.7-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.29 inch (7.4 mm)	428 × 926Referencia sin verificar	1284 × 2778	3Referencia sin verificar	6.7	458	Abrir fuente: Apple iPhone 12 Pro Max
iPhone 12 ProApple Especificaciones y pruebas Dimensiones físicas 71.5 × 146.7 × 7.4 mm Ubicación en la fuente Display section > product column #27 (iPhone 12 Pro, id=2M-Rc4gb) Verificado el 2026-09-24 Resolución nativa 2532-by-1170-pixel resolution at 460 ppi Densidad de píxeles 2532-by-1170-pixel resolution at 460 ppi Tamaño diagonal 6.1-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.29 inch (7.4 mm)	390 × 844Referencia sin verificar	1170 × 2532	3Referencia sin verificar	6.1	460	Abrir fuente: Apple iPhone 12 Pro
iPhone 12Apple Especificaciones y pruebas Dimensiones físicas 71.5 × 146.7 × 7.4 mm Ubicación en la fuente Display section > product column #30 (iPhone 12, id=MI8sNeCz) Verificado el 2026-09-24 Resolución nativa 2532-by-1170-pixel resolution at 460 ppi Densidad de píxeles 2532-by-1170-pixel resolution at 460 ppi Tamaño diagonal 6.1-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.29 inch (7.4 mm)	390 × 844Referencia sin verificar	1170 × 2532	3Referencia sin verificar	6.1	460	Abrir fuente: Apple iPhone 12
iPhone 12 miniApple Especificaciones y pruebas Dimensiones físicas 64.2 × 131.5 × 7.4 mm Ubicación en la fuente Display section > product column #29 (iPhone 12 mini, id=-KLt1wx-) Verificado el 2026-09-24 Resolución nativa 2340-by-1080-pixel resolution at 476 ppi Densidad de píxeles 2340-by-1080-pixel resolution at 476 ppi Tamaño diagonal 5.4-inch (diagonal) all-screen OLED display 1 Dimensiones físicas 5.18 inches (131.5 mm); 2.53 inches (64.2 mm); 0.29 inch (7.4 mm)	375 × 812Referencia sin verificar	1080 × 2340	3Referencia sin verificar	5.4	476	Abrir fuente: Apple iPhone 12 mini

Entendiendo los Tamaños de Viewport

Fundamentos del Viewport

Al diseñar para dispositivos, es importante entender la diferencia entre tamaños de viewport y resoluciones de pantalla:

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

Prueba de resolución

Consideraciones de Diseño

Usa técnicas de diseño responsive
Prueba en múltiples modelos de iPhone
Considera las áreas del notch y el indicador de inicio
Optimiza para diferentes orientaciones
Usa media queries apropiadas

Implementación Técnica

Implementa etiquetas meta viewport correctas
Usa CSS media queries efectivamente
Considera los safe area insets
Optimiza para diferentes valores de DPR

Preguntas frecuentes sobre viewports de dispositivos

El viewport CSS es el área que el navegador utiliza para distribuir una página. La resolución nativa cuenta los píxeles físicos del panel. DPR expresa la relación entre píxeles del dispositivo y píxeles CSS; dividir la resolución nativa entre DPR no permite obtener de forma fiable el viewport del navegador.

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.

La fecha de revisión corresponde a este conjunto de datos; no significa que todos los campos se hayan medido ese día. Los detalles de cada fuente indican la fecha de acceso y los campos respaldados. Sin una medición documentada, los valores de viewport CSS y DPR siguen siendo referencias sin verificar.

Recursos Relacionados

Cargando...