iPhone Viewport-Größen: CSS-Pixel, DPR und Auflösung

Suchen Sie nach ausgewählten iPhone-Modellen und vergleichen Sie belegte Displaydaten mit CSS-Viewport- und DPR-Richtwerten. Ungeprüfte Werte sind in der Tabelle gekennzeichnet.

Datenstatus: Datenprüfung: 2026-09-24 (UTC). Das Abrufdatum jeder Quelle steht in den Tabellendetails.

Quellen: Jeder Quellenlink belegt nur die in den Details zitierten Hardwareangaben. Fehlende Angaben sind als ungeprüft gekennzeichnet.

Methode: CSS-Viewport- und DPR-Richtwerte wurden nicht unabhängig überprüft. Die native Auflösung beschreibt das Display, nicht den Browser-Viewport. Skalierung, Browserleisten, Ausrichtung und Fenstergröße beeinflussen den verfügbaren Platz. Hardwareauflösungen stehen als kurze × lange Seite; für Displaydiagonalen gilt die Messmethode des Herstellers.

Kurzantwort: Suchen Sie Ihr Modell, prüfen Sie die Quellenangaben und messen Sie anschließend den Viewport im Zielbrowser. Setzen Sie Breakpoints dort, wo der Inhalt sie benötigt.

Aktuellen Browser-Viewport prüfen

Viewport-Größen Tabelle

26 Einträge

Datenstand: 2026-09-24

Tabelle horizontal scrollen, um alle Spalten zu sehen.

Modell	CSS-Referenz (px)	Native Auflösung (px)	DPR-Referenz	Diagonale (Zoll)	PPI	Quelle
iPhone 17 Pro MaxApple Technische Angaben und Belege Abmessungen 78 × 163.4 × 8.75 mm Fundstelle Display section > product column #5 (iPhone 17 Pro Max, id=hR2mCXWz) Geprüft am 2026-09-24 Native Auflösung 2868-by-1320-pixel resolution at 460 ppi Pixeldichte 2868-by-1320-pixel resolution at 460 ppi Diagonale 6.9-inch (diagonal) all-screen OLED display 1 Abmessungen 6.43 inches (163.4 mm); 3.07 inches (78.0 mm); 0.34 inch (8.75 mm)	440 × 956Ungeprüfte Referenz	1320 × 2868	3Ungeprüfte Referenz	6.9	460	Quelle öffnen: Apple iPhone 17 Pro Max
iPhone 17 ProApple Technische Angaben und Belege Abmessungen 71.9 × 150 × 8.75 mm Fundstelle Display section > product column #4 (iPhone 17 Pro, id=ZhHBl-Jt) Geprüft am 2026-09-24 Native Auflösung 2622-by-1206-pixel resolution at 460 ppi Pixeldichte 2622-by-1206-pixel resolution at 460 ppi Diagonale 6.3-inch (diagonal) all-screen OLED display 1 Abmessungen 5.91 inches (150.0 mm); 2.83 inches (71.9 mm); 0.34 inch (8.75 mm)	402 × 874Ungeprüfte Referenz	1206 × 2622	3Ungeprüfte Referenz	6.3	460	Quelle öffnen: Apple iPhone 17 Pro
iPhone AirApple Technische Angaben und Belege Abmessungen 74.7 × 156.2 × 5.64 mm Fundstelle Display section > product column #6 (iPhone Air, id=LZILPLvf) Geprüft am 2026-09-24 Native Auflösung 2736-by-1260-pixel resolution at 460 ppi Pixeldichte 2736-by-1260-pixel resolution at 460 ppi Diagonale 6.5-inch (diagonal) all-screen OLED display 1 Abmessungen 6.15 inches (156.2 mm); 2.94 inches (74.7 mm); 0.22 inch (5.64 mm)	420 × 912Ungeprüfte Referenz	1260 × 2736	3Ungeprüfte Referenz	6.5	460	Quelle öffnen: Apple iPhone Air
iPhone 17Apple Technische Angaben und Belege Abmessungen 71.5 × 149.6 × 7.95 mm Fundstelle Display section > product column #7 (iPhone 17, id=OGbL1N1L) Geprüft am 2026-09-24 Native Auflösung 2622-by-1206-pixel resolution at 460 ppi Pixeldichte 2622-by-1206-pixel resolution at 460 ppi Diagonale 6.3-inch (diagonal) all-screen OLED display 1 Abmessungen 5.89 inches (149.6 mm); 2.81 inches (71.5 mm); 0.31 inch (7.95 mm)	402 × 874Ungeprüfte Referenz	1206 × 2622	3Ungeprüfte Referenz	6.3	460	Quelle öffnen: Apple iPhone 17
iPhone 16eApple Technische Angaben und Belege Abmessungen 71.5 × 146.7 × 7.8 mm Fundstelle Display section > product column #13 (iPhone 16e, id=A0iRygBz) Geprüft am 2026-09-24 Native Auflösung 2532-by-1170-pixel resolution at 460 ppi Pixeldichte 2532-by-1170-pixel resolution at 460 ppi Diagonale 6.1-inch (diagonal) all-screen OLED display 1 Abmessungen 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.31 inch (7.80 mm)	390 × 844Ungeprüfte Referenz	1170 × 2532	3Ungeprüfte Referenz	6.1	460	Quelle öffnen: Apple iPhone 16e
iPhone 16 Pro MaxApple Technische Angaben und Belege Abmessungen 77.6 × 163 × 8.25 mm Fundstelle Display section > product column #10 (iPhone 16 Pro Max, id=3AjlM6ZG) Geprüft am 2026-09-24 Native Auflösung 2868-by-1320-pixel resolution at 460 ppi Pixeldichte 2868-by-1320-pixel resolution at 460 ppi Diagonale 6.9-inch (diagonal) all-screen OLED display 1 Abmessungen 6.42 inches (163 mm); 3.06 inches (77.6 mm); 0.32 inch (8.25 mm)	Noch zu prüfen	1320 × 2868	3Ungeprüfte Referenz	6.9	460	Quelle öffnen: Apple iPhone 16 Pro Max
iPhone 16 ProApple Technische Angaben und Belege Abmessungen 71.5 × 149.6 × 8.25 mm Fundstelle Display section > product column #9 (iPhone 16 Pro, id=Y8GmbmX0) Geprüft am 2026-09-24 Native Auflösung 2622-by-1206-pixel resolution at 460 ppi Pixeldichte 2622-by-1206-pixel resolution at 460 ppi Diagonale 6.3-inch (diagonal) all-screen OLED display 1 Abmessungen 5.89 inches (149.6 mm); 2.81 inches (71.5 mm); 0.32 inch (8.25 mm)	Noch zu prüfen	1206 × 2622	3Ungeprüfte Referenz	6.3	460	Quelle öffnen: Apple iPhone 16 Pro
iPhone 16 PlusApple Technische Angaben und Belege Abmessungen 77.8 × 160.9 × 7.8 mm Fundstelle Display section > product column #12 (iPhone 16 Plus, id=gASFVG-Z) Geprüft am 2026-09-24 Native Auflösung 2796-by-1290-pixel resolution at 460 ppi Pixeldichte 2796-by-1290-pixel resolution at 460 ppi Diagonale 6.7-inch (diagonal) all-screen OLED display 1 Abmessungen 6.33 inches (160.9 mm); 3.06 inches (77.8 mm); 0.31 inch (7.80 mm)	Noch zu prüfen	1290 × 2796	3Ungeprüfte Referenz	6.7	460	Quelle öffnen: Apple iPhone 16 Plus
iPhone 16Apple Technische Angaben und Belege Abmessungen 71.6 × 147.6 × 7.8 mm Fundstelle Display section > product column #11 (iPhone 16, id=Fha16AyJ) Geprüft am 2026-09-24 Native Auflösung 2556-by-1179-pixel resolution at 460 ppi Pixeldichte 2556-by-1179-pixel resolution at 460 ppi Diagonale 6.1-inch (diagonal) all-screen OLED display 1 Abmessungen 5.81 inches (147.6 mm); 2.82 inches (71.6 mm); 0.31 inch (7.80 mm)	Noch zu prüfen	1179 × 2556	3Ungeprüfte Referenz	6.1	460	Quelle öffnen: Apple iPhone 16
iPhone 15 Pro MaxApple Technische Angaben und Belege Abmessungen 76.7 × 159.9 × 8.25 mm Fundstelle Display section > product column #15 (iPhone 15 Pro Max, id=iCzJXwNI) Geprüft am 2026-09-24 Native Auflösung 2796-by-1290-pixel resolution at 460 ppi Pixeldichte 2796-by-1290-pixel resolution at 460 ppi Diagonale 6.7-inch (diagonal) all-screen OLED display 1 Abmessungen 6.29 inches (159.9 mm); 3.02 inches (76.7 mm); 0.32 inch (8.25 mm)	430 × 932Ungeprüfte Referenz	1290 × 2796	3Ungeprüfte Referenz	6.7	460	Quelle öffnen: Apple iPhone 15 Pro Max
iPhone 15 ProApple Technische Angaben und Belege Abmessungen 70.6 × 146.6 × 8.25 mm Fundstelle Display section > product column #14 (iPhone 15 Pro, id=BxoBktn9) Geprüft am 2026-09-24 Native Auflösung 2556-by-1179-pixel resolution at 460 ppi Pixeldichte 2556-by-1179-pixel resolution at 460 ppi Diagonale 6.1-inch (diagonal) all-screen OLED display 1 Abmessungen 5.77 inches (146.6 mm); 2.78 inches (70.6 mm); 0.32 inch (8.25 mm)	393 × 852Ungeprüfte Referenz	1179 × 2556	3Ungeprüfte Referenz	6.1	460	Quelle öffnen: Apple iPhone 15 Pro
iPhone 15 PlusApple Technische Angaben und Belege Abmessungen 77.8 × 160.9 × 7.8 mm Fundstelle Display section > product column #17 (iPhone 15 Plus, id=z3HEgkDg) Geprüft am 2026-09-24 Native Auflösung 2796-by-1290-pixel resolution at 460 ppi Pixeldichte 2796-by-1290-pixel resolution at 460 ppi Diagonale 6.7-inch (diagonal) all-screen OLED display 1 Abmessungen 6.33 inches (160.9 mm); 3.06 inches (77.8 mm); 0.31 inch (7.80 mm)	Noch zu prüfen	1290 × 2796	3Ungeprüfte Referenz	6.7	460	Quelle öffnen: Apple iPhone 15 Plus
iPhone 15Apple Technische Angaben und Belege Abmessungen 71.6 × 147.6 × 7.8 mm Fundstelle Display section > product column #16 (iPhone 15, id=R976lnUG) Geprüft am 2026-09-24 Native Auflösung 2556-by-1179-pixel resolution at 460 ppi Pixeldichte 2556-by-1179-pixel resolution at 460 ppi Diagonale 6.1-inch (diagonal) all-screen OLED display 1 Abmessungen 5.81 inches (147.6 mm); 2.82 inches (71.6 mm); 0.31 inch (7.80 mm)	Noch zu prüfen	1179 × 2556	3Ungeprüfte Referenz	6.1	460	Quelle öffnen: Apple iPhone 15
iPhone 14 Pro MaxApple Technische Angaben und Belege Abmessungen 77.6 × 160.7 × 7.85 mm Fundstelle Display section > product column #19 (iPhone 14 Pro Max, id=ponGukYT) Geprüft am 2026-09-24 Native Auflösung 2796-by-1290-pixel resolution at 460 ppi Pixeldichte 2796-by-1290-pixel resolution at 460 ppi Diagonale 6.7-inch (diagonal) all-screen OLED display 1 Abmessungen 6.33 inches (160.7 mm); 3.05 inches (77.6 mm); 0.31 inch (7.85 mm)	430 × 932Ungeprüfte Referenz	1290 × 2796	3Ungeprüfte Referenz	6.7	460	Quelle öffnen: Apple iPhone 14 Pro Max
iPhone 14 ProApple Technische Angaben und Belege Abmessungen 71.5 × 147.5 × 7.85 mm Fundstelle Display section > product column #18 (iPhone 14 Pro, id=KYlix4hz) Geprüft am 2026-09-24 Native Auflösung 2556-by-1179-pixel resolution at 460 ppi Pixeldichte 2556-by-1179-pixel resolution at 460 ppi Diagonale 6.1-inch (diagonal) all-screen OLED display 1 Abmessungen 5.81 inches (147.5 mm); 2.81 inches (71.5 mm); 0.31 inch (7.85 mm)	393 × 852Ungeprüfte Referenz	1179 × 2556	3Ungeprüfte Referenz	6.1	460	Quelle öffnen: Apple iPhone 14 Pro
iPhone 14 PlusApple Technische Angaben und Belege Abmessungen 78.1 × 160.8 × 7.8 mm Fundstelle Display section > product column #21 (iPhone 14 Plus, id=dfiNN_qd) Geprüft am 2026-09-24 Native Auflösung 2778-by-1284-pixel resolution at 458 ppi Pixeldichte 2778-by-1284-pixel resolution at 458 ppi Diagonale 6.7-inch (diagonal) all-screen OLED display 1 Abmessungen 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.31 inch (7.80 mm)	428 × 926Ungeprüfte Referenz	1284 × 2778	3Ungeprüfte Referenz	6.7	458	Quelle öffnen: Apple iPhone 14 Plus
iPhone 14Apple Technische Angaben und Belege Abmessungen 71.5 × 146.7 × 7.8 mm Fundstelle Display section > product column #20 (iPhone 14, id=Z-14FYfp) Geprüft am 2026-09-24 Native Auflösung 2532-by-1170-pixel resolution at 460 ppi Pixeldichte 2532-by-1170-pixel resolution at 460 ppi Diagonale 6.1-inch (diagonal) all-screen OLED display 1 Abmessungen 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.31 inch (7.80 mm)	390 × 844Ungeprüfte Referenz	1170 × 2532	3Ungeprüfte Referenz	6.1	460	Quelle öffnen: Apple iPhone 14
iPhone SE (3rd generation)Apple Technische Angaben und Belege Abmessungen 67.3 × 138.4 × 7.3 mm Fundstelle Display section > product column #26 (iPhone SE (3rd generation), id=oOWv29Ub) Geprüft am 2026-09-24 Native Auflösung 1334-by-750-pixel resolution at 326 ppi Pixeldichte 1334-by-750-pixel resolution at 326 ppi Diagonale 4.7-inch (diagonal) widescreen LCD display with IPS technology Abmessungen 5.45 inches (138.4 mm); 2.65 inches (67.3 mm); 0.29 inch (7.3 mm)	375 × 667Ungeprüfte Referenz	750 × 1334	2Ungeprüfte Referenz	4.7	326	Quelle öffnen: Apple iPhone SE (3rd generation)
iPhone 13 Pro MaxApple Technische Angaben und Belege Abmessungen 78.1 × 160.8 × 7.65 mm Fundstelle Display section > product column #23 (iPhone 13 Pro Max, id=6dEqudaf) Geprüft am 2026-09-24 Native Auflösung 2778-by-1284-pixel resolution at 458 ppi Pixeldichte 2778-by-1284-pixel resolution at 458 ppi Diagonale 6.7-inch (diagonal) all-screen OLED display 1 Abmessungen 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.30 inch (7.65 mm)	428 × 926Ungeprüfte Referenz	1284 × 2778	3Ungeprüfte Referenz	6.7	458	Quelle öffnen: Apple iPhone 13 Pro Max
iPhone 13 ProApple Technische Angaben und Belege Abmessungen 71.5 × 146.7 × 7.65 mm Fundstelle Display section > product column #22 (iPhone 13 Pro, id=6SX_xJWQ) Geprüft am 2026-09-24 Native Auflösung 2532-by-1170-pixel resolution at 460 ppi Pixeldichte 2532-by-1170-pixel resolution at 460 ppi Diagonale 6.1-inch (diagonal) all-screen OLED display 1 Abmessungen 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.30 inch (7.65 mm)	390 × 844Ungeprüfte Referenz	1170 × 2532	3Ungeprüfte Referenz	6.1	460	Quelle öffnen: Apple iPhone 13 Pro
iPhone 13Apple Technische Angaben und Belege Abmessungen 71.5 × 146.7 × 7.65 mm Fundstelle Display section > product column #25 (iPhone 13, id=YrUsmImz) Geprüft am 2026-09-24 Native Auflösung 2532-by-1170-pixel resolution at 460 ppi Pixeldichte 2532-by-1170-pixel resolution at 460 ppi Diagonale 6.1-inch (diagonal) all-screen OLED display 1 Abmessungen 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.30 inch (7.65 mm)	390 × 844Ungeprüfte Referenz	1170 × 2532	3Ungeprüfte Referenz	6.1	460	Quelle öffnen: Apple iPhone 13
iPhone 13 miniApple Technische Angaben und Belege Abmessungen 64.2 × 131.5 × 7.65 mm Fundstelle Display section > product column #24 (iPhone 13 mini, id=idAq1s7A) Geprüft am 2026-09-24 Native Auflösung 2340-by-1080-pixel resolution at 476 ppi Pixeldichte 2340-by-1080-pixel resolution at 476 ppi Diagonale 5.4-inch (diagonal) all-screen OLED display 1 Abmessungen 5.18 inches (131.5 mm); 2.53 inches (64.2 mm); 0.30 inch (7.65 mm)	375 × 812Ungeprüfte Referenz	1080 × 2340	3Ungeprüfte Referenz	5.4	476	Quelle öffnen: Apple iPhone 13 mini
iPhone 12 Pro MaxApple Technische Angaben und Belege Abmessungen 78.1 × 160.8 × 7.4 mm Fundstelle Display section > product column #28 (iPhone 12 Pro Max, id=FBs9n5Xc) Geprüft am 2026-09-24 Native Auflösung 2778-by-1284-pixel resolution at 458 ppi Pixeldichte 2778-by-1284-pixel resolution at 458 ppi Diagonale 6.7-inch (diagonal) all-screen OLED display 1 Abmessungen 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.29 inch (7.4 mm)	428 × 926Ungeprüfte Referenz	1284 × 2778	3Ungeprüfte Referenz	6.7	458	Quelle öffnen: Apple iPhone 12 Pro Max
iPhone 12 ProApple Technische Angaben und Belege Abmessungen 71.5 × 146.7 × 7.4 mm Fundstelle Display section > product column #27 (iPhone 12 Pro, id=2M-Rc4gb) Geprüft am 2026-09-24 Native Auflösung 2532-by-1170-pixel resolution at 460 ppi Pixeldichte 2532-by-1170-pixel resolution at 460 ppi Diagonale 6.1-inch (diagonal) all-screen OLED display 1 Abmessungen 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.29 inch (7.4 mm)	390 × 844Ungeprüfte Referenz	1170 × 2532	3Ungeprüfte Referenz	6.1	460	Quelle öffnen: Apple iPhone 12 Pro
iPhone 12Apple Technische Angaben und Belege Abmessungen 71.5 × 146.7 × 7.4 mm Fundstelle Display section > product column #30 (iPhone 12, id=MI8sNeCz) Geprüft am 2026-09-24 Native Auflösung 2532-by-1170-pixel resolution at 460 ppi Pixeldichte 2532-by-1170-pixel resolution at 460 ppi Diagonale 6.1-inch (diagonal) all-screen OLED display 1 Abmessungen 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.29 inch (7.4 mm)	390 × 844Ungeprüfte Referenz	1170 × 2532	3Ungeprüfte Referenz	6.1	460	Quelle öffnen: Apple iPhone 12
iPhone 12 miniApple Technische Angaben und Belege Abmessungen 64.2 × 131.5 × 7.4 mm Fundstelle Display section > product column #29 (iPhone 12 mini, id=-KLt1wx-) Geprüft am 2026-09-24 Native Auflösung 2340-by-1080-pixel resolution at 476 ppi Pixeldichte 2340-by-1080-pixel resolution at 476 ppi Diagonale 5.4-inch (diagonal) all-screen OLED display 1 Abmessungen 5.18 inches (131.5 mm); 2.53 inches (64.2 mm); 0.29 inch (7.4 mm)	375 × 812Ungeprüfte Referenz	1080 × 2340	3Ungeprüfte Referenz	5.4	476	Quelle öffnen: Apple iPhone 12 mini

Viewport-Größen verstehen

Viewport-Grundlagen

Bei der Gestaltung für Geräte ist es wichtig, den Unterschied zwischen Viewport-Größen und Bildschirmauflösungen zu verstehen:

Viewport-Größe: Der sichtbare Bereich in CSS-Pixeln, den Ihre Website nutzen kann
Bildschirmauflösung: Die tatsächliche Anzahl physischer Pixel auf dem Gerät
Device Pixel Ratio (DPR): Das Verhältnis zwischen physischen Pixeln und CSS-Pixeln

Auflösungstest

Design-Überlegungen

Verwenden Sie responsive Design-Techniken
Testen Sie auf mehreren iPhone-Modellen
Berücksichtigen Sie Notch- und Home-Indikator-Bereiche
Optimieren Sie für verschiedene Ausrichtungen
Verwenden Sie geeignete Media Queries

Technische Umsetzung

Implementieren Sie korrekte Viewport-Meta-Tags
Verwenden Sie CSS Media Queries effektiv
Berücksichtigen Sie Safe Area Insets
Optimieren Sie für verschiedene DPR-Werte

Häufige Fragen zu Geräte-Viewports

Der CSS-Viewport ist der Bereich, in dem der Browser eine Seite anordnet. Die native Auflösung zählt die physischen Displaypixel. DPR beschreibt das Verhältnis von Geräte- zu CSS-Pixeln; die native Auflösung geteilt durch DPR ergibt nicht zuverlässig den Browser-Viewport.

Unterschiedliche DPR-Werte, Display-Skalierung und Browser-Verhalten können verschiedene CSS-Viewport-Breiten erzeugen, auch bei ähnlicher physischer Auflösung.

Nutze die Tabelle als Referenz für reale Geräte, definiere Breakpoints aber nach Inhaltsverhalten statt nach einzelnen Modellen. Teste wichtige Bereiche wie 360, 390, 412, 768, 820, 834 und 1024 CSS-Pixel.

Foldables wechseln zwischen Cover- und Hauptdisplay mit sehr unterschiedlichen Viewport-Verhältnissen. Teste beide Zustände und Rotationen und vermeide hart codierte Layouts für nur eine Breite.

Das Prüfdatum bezieht sich auf diesen Datenstand, nicht auf eine Messung aller Felder an diesem Tag. Die Quelldetails nennen Abrufdatum und belegte Felder. Ohne dokumentierte Messung bleiben CSS-Viewport- und DPR-Werte ungeprüfte Richtwerte.