iPad-Viewport: Auflösung, Displaygröße und PPI
Vergleichen Sie belegte Displaydaten ausgewählter iPad-, Pro-, Air- und mini-Modelle. Nicht überprüfte CSS-Viewport- und DPR-Richtwerte sind 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.
Viewport-Größen Tabelle
32 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 |
|---|---|---|---|---|---|---|
iPad Air 13-in. (M3)AppleTechnische Angaben und Belege
|
1024 × 1366Ungeprüfte Referenz | 2048 × 2732 | 2.0Ungeprüfte Referenz | 13 | 264 | Quelle öffnen: Apple iPad Air 13-in. (M3) |
iPad Air 11-in. (M3)AppleTechnische Angaben und Belege
|
820 × 1180Ungeprüfte Referenz | 1640 × 2360 | 2.0Ungeprüfte Referenz | 11 | 264 | Quelle öffnen: Apple iPad Air 11-in. (M3) |
iPad (A16)AppleTechnische Angaben und Belege
|
820 × 1180Ungeprüfte Referenz | 1640 × 2360 | 2.0Ungeprüfte Referenz | 11 | 264 | Quelle öffnen: Apple iPad (A16) |
iPad mini (A17 Pro)AppleTechnische Angaben und Belege
|
744 × 1133Ungeprüfte Referenz | 1488 × 2266 | 2.0Ungeprüfte Referenz | 8.3 | 326 | Quelle öffnen: Apple iPad mini (A17 Pro) |
iPad Pro 13-in. (M4)AppleTechnische Angaben und Belege
|
1032 × 1376Ungeprüfte Referenz | 2064 × 2752 | 2.0Ungeprüfte Referenz | 13 | 264 | Quelle öffnen: Apple iPad Pro 13-in. (M4) |
iPad Pro 11-in. (M4)AppleTechnische Angaben und Belege
|
834 × 1210Ungeprüfte Referenz | 1668 × 2420 | 2.0Ungeprüfte Referenz | 11 | 264 | Quelle öffnen: Apple iPad Pro 11-in. (M4) |
iPad Air 13-in. (M2)AppleTechnische Angaben und Belege
|
1024 × 1366Ungeprüfte Referenz | 2048 × 2732 | 2.0Ungeprüfte Referenz | 13 | 264 | Quelle öffnen: Apple iPad Air 13-in. (M2) |
iPad Air 11-in. (M2)AppleTechnische Angaben und Belege
|
820 × 1180Ungeprüfte Referenz | 1640 × 2360 | 2.0Ungeprüfte Referenz | 11 | 264 | Quelle öffnen: Apple iPad Air 11-in. (M2) |
iPad Pro 12.9-in. (6th generation)AppleTechnische Angaben und Belege
|
1024 × 1366Ungeprüfte Referenz | 2048 × 2732 | 2.0Ungeprüfte Referenz | 12.9 | 264 | Quelle öffnen: Apple iPad Pro 12.9-in. (6th generation) |
iPad Pro 11-in. (4th generation)AppleTechnische Angaben und Belege
|
834 × 1194Ungeprüfte Referenz | 1668 × 2388 | 2.0Ungeprüfte Referenz | 11 | 264 | Quelle öffnen: Apple iPad Pro 11-in. (4th generation) |
iPad (10th generation)AppleTechnische Angaben und Belege
|
820 × 1180Ungeprüfte Referenz | 1640 × 2360 | 2.0Ungeprüfte Referenz | 10.9 | 264 | Quelle öffnen: Apple iPad (10th generation) |
iPad mini (6th generation)AppleTechnische Angaben und Belege
|
744 × 1133Ungeprüfte Referenz | 1488 × 2266 | 2.0Ungeprüfte Referenz | 8.3 | 326 | Quelle öffnen: Apple iPad mini (6th generation) |
iPad (9th generation)AppleTechnische Angaben und Belege
|
810 × 1080Ungeprüfte Referenz | 1620 × 2160 | 2.0Ungeprüfte Referenz | 10.2 | 264 | Quelle öffnen: Apple iPad (9th generation) |
iPad Pro 12.9-in. (5th generation)AppleTechnische Angaben und Belege
|
1024 × 1366Ungeprüfte Referenz | 2048 × 2732 | 2.0Ungeprüfte Referenz | 12.9 | 264 | Quelle öffnen: Apple iPad Pro 12.9-in. (5th generation) |
iPad Pro 11-in. (3rd generation)AppleTechnische Angaben und Belege
|
834 × 1194Ungeprüfte Referenz | 1668 × 2388 | 2.0Ungeprüfte Referenz | 11 | 264 | Quelle öffnen: Apple iPad Pro 11-in. (3rd generation) |
iPad Air (4th generation)AppleTechnische Angaben und Belege
|
820 × 1180Ungeprüfte Referenz | 1640 × 2360 | 2.0Ungeprüfte Referenz | 10.9 | 264 | Quelle öffnen: Apple iPad Air (4th generation) |
iPad (8th generation)AppleTechnische Angaben und Belege
|
810 × 1080Ungeprüfte Referenz | 1620 × 2160 | 2.0Ungeprüfte Referenz | 10.2 | 264 | Quelle öffnen: Apple iPad (8th generation) |
iPad Pro 12.9-in. (4th generation)AppleTechnische Angaben und Belege
|
1024 × 1366Ungeprüfte Referenz | 2048 × 2732 | 2.0Ungeprüfte Referenz | 12.9 | 264 | Quelle öffnen: Apple iPad Pro 12.9-in. (4th generation) |
iPad Pro 11-in. (2nd generation)AppleTechnische Angaben und Belege
|
834 × 1194Ungeprüfte Referenz | 1668 × 2388 | 2.0Ungeprüfte Referenz | 11 | 264 | Quelle öffnen: Apple iPad Pro 11-in. (2nd generation) |
iPad (7th generation)AppleTechnische Angaben und Belege
|
810 × 1080Ungeprüfte Referenz | 1620 × 2160 | 2.0Ungeprüfte Referenz | 10.2 | 264 | Quelle öffnen: Apple iPad (7th generation) |
iPad Air (3rd generation)AppleTechnische Angaben und Belege
|
834 × 1112Ungeprüfte Referenz | 1668 × 2224 | 2.0Ungeprüfte Referenz | 10.5 | 264 | Quelle öffnen: Apple iPad Air (3rd generation) |
iPad mini (5th generation)AppleTechnische Angaben und Belege
|
768 × 1024Ungeprüfte Referenz | 1536 × 2048 | 2.0Ungeprüfte Referenz | 7.9 | 326 | Quelle öffnen: Apple iPad mini (5th generation) |
iPad Pro 12.9-in. (3rd generation)AppleTechnische Angaben und Belege
|
1024 × 1366Ungeprüfte Referenz | 2048 × 2732 | 2.0Ungeprüfte Referenz | 12.9 | 264 | Quelle öffnen: Apple iPad Pro 12.9-in. (3rd generation) |
iPad Pro 11-in. (1st generation)AppleTechnische Angaben und Belege
|
834 × 1194Ungeprüfte Referenz | 1668 × 2388 | 2.0Ungeprüfte Referenz | 11 | 264 | Quelle öffnen: Apple iPad Pro 11-in. (1st generation) |
iPad (6th generation)AppleTechnische Angaben und Belege
|
768 × 1024Ungeprüfte Referenz | 1536 × 2048 | 2.0Ungeprüfte Referenz | 9.7 | 264 | Quelle öffnen: Apple iPad (6th generation) |
iPad Pro 10.5-in.AppleTechnische Angaben und Belege
|
834 × 1112Ungeprüfte Referenz | 1668 × 2224 | 2.0Ungeprüfte Referenz | 10.5 | 264 | Quelle öffnen: Apple iPad Pro 10.5-in. |
iPad Pro 12.9-in. (2nd generation)AppleTechnische Angaben und Belege
|
1024 × 1366Ungeprüfte Referenz | 2048 × 2732 | 2.0Ungeprüfte Referenz | 12.9 | 264 | Quelle öffnen: Apple iPad Pro 12.9-in. (2nd generation) |
iPad (5th generation)AppleTechnische Angaben und Belege
|
768 × 1024Ungeprüfte Referenz | 1536 × 2048 | 2.0Ungeprüfte Referenz | 9.7 | 264 | Quelle öffnen: Apple iPad (5th generation) |
iPad Pro 9.7-in.AppleTechnische Angaben und Belege
|
768 × 1024Ungeprüfte Referenz | 1536 × 2048 | 2.0Ungeprüfte Referenz | 9.7 | 264 | Quelle öffnen: Apple iPad Pro 9.7-in. |
iPad Pro 12.9-in. (1st generation)AppleTechnische Angaben und Belege
|
1024 × 1366Ungeprüfte Referenz | 2048 × 2732 | 2.0Ungeprüfte Referenz | 12.9 | 264 | Quelle öffnen: Apple iPad Pro 12.9-in. (1st generation) |
iPad mini 4AppleTechnische Angaben und Belege
|
768 × 1024Ungeprüfte Referenz | 1536 × 2048 | 2.0Ungeprüfte Referenz | 7.9 | 326 | Quelle öffnen: Apple iPad mini 4 |
iPad Air 2AppleTechnische Angaben und Belege
|
768 × 1024Ungeprüfte Referenz | 1536 × 2048 | 2.0Ungeprüfte Referenz | 9.7 | 264 | Quelle öffnen: Apple iPad Air 2 |
Keine passenden Geräte. Suche ändern oder Filter zurücksetzen.
Viewport-Größen verstehen
Viewport-Grundlagen
- 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
- Ausrichtung: iPad unterstützt sowohl Hoch- als auch Querformat
Design-Überlegungen
- Entwerfen Sie für Hoch- und Querformat
- Berücksichtigen Sie die größere Bildschirmfläche des iPads
- Optimieren Sie für Touch-Interaktionen
- Verwenden Sie geeignete Media Queries für verschiedene iPad-Modelle
- Testen Sie veränderbare Fenster und Multitasking-Layouts auf dem iPad
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.
Verwandte Ressourcen
Wird geladen...