Android Viewport-Größen: Pixel, Galaxy, Foldables, DPR und Auflösung
Suchen Sie nach Pixel-, Galaxy- und weiteren Android-Modellen, einschließlich Außen- und Innendisplays von Foldables. Vergleichen Sie belegte Hardwaredaten mit ungeprüften CSS- und DPR-Richtwerten.
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
37 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 |
|---|---|---|---|---|---|---|
Google Pixel 10 Pro XLGoogleTechnische Angaben und Belege
|
414 × 921Ungeprüfte Referenz | 1344 × 2992 | 3.25Ungeprüfte Referenz | 6.8 | 486 | Quelle öffnen: Google Google Pixel 10 Pro XL |
Google Pixel 10 ProGoogleTechnische Angaben und Belege
|
410 × 914Ungeprüfte Referenz | 1280 × 2856 | 3.125Ungeprüfte Referenz | 6.3 | 495 | Quelle öffnen: Google Google Pixel 10 Pro |
Google Pixel 10GoogleTechnische Angaben und Belege
|
412 × 923Ungeprüfte Referenz | 1080 × 2424 | 2.625Ungeprüfte Referenz | 6.3 | 422 | Quelle öffnen: Google Google Pixel 10 |
Google Pixel 10 Pro FoldGoogleAußendisplayTechnische Angaben und Belege
|
Noch zu prüfen | 1080 × 2364 | 2.625Ungeprüfte Referenz | 6.4 | 408 | Quelle öffnen: Google Google Pixel 10 Pro Fold |
Google Pixel 10 Pro FoldHauptdisplayTechnische Angaben und Belege
|
692 × 717Ungeprüfte Referenz | 2076 × 2152 | 3.0Ungeprüfte Referenz | 8 | 373 | Quelle öffnen: Google Google Pixel 10 Pro Fold |
| Samsung Galaxy S25 UltraSamsung | 412 × 891Ungeprüfte Referenz | Noch zu prüfen | 3.5Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
| Samsung Galaxy S25+Samsung | 412 × 891Ungeprüfte Referenz | Noch zu prüfen | 3.5Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
| Samsung Galaxy S25Samsung | 360 × 780Ungeprüfte Referenz | Noch zu prüfen | 3.0Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
| Huawei Mate 70 ProHuawei | 411 x 885Ungeprüfte Referenz | Noch zu prüfen | 3.2Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
| Xiaomi 15 ProXiaomi | 412 x 914Ungeprüfte Referenz | Noch zu prüfen | 3.5Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
OPPO Find X8 ProOPPOTechnische Angaben und Belege
|
395 x 869Ungeprüfte Referenz | Noch zu prüfen | 3.2Ungeprüfte Referenz | 6.78 | 450 | Quelle öffnen: OPPO OPPO Find X8 Pro |
vivo X200 ProvivoTechnische Angaben und Belege
|
394 x 875Ungeprüfte Referenz | 1260 × 2800 | 3.2Ungeprüfte Referenz | Noch zu prüfen | 452 | Quelle öffnen: vivo vivo X200 Pro |
| Honor Magic7 ProHonor | 400 x 875Ungeprüfte Referenz | Noch zu prüfen | 3.2Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
| Samsung Galaxy Z Fold6SamsungAußendisplay | 323 × 792Ungeprüfte Referenz | Noch zu prüfen | 3.0Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
| Samsung Galaxy Z Fold6Hauptdisplay | 619 × 720Ungeprüfte Referenz | Noch zu prüfen | 3.0Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
| Samsung Galaxy Z Flip6Samsung | 393 × 960Ungeprüfte Referenz | Noch zu prüfen | 2.75Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
| Samsung Galaxy S24 UltraSamsung | 412 × 891Ungeprüfte Referenz | Noch zu prüfen | 3.5Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
Samsung Galaxy S24+SamsungTechnische Angaben und Belege
|
412 × 891Ungeprüfte Referenz | 1440 × 3120 | 3.5Ungeprüfte Referenz | 6.7 | Noch zu prüfen | Quelle öffnen: Samsung Samsung Galaxy S24+ |
| Samsung Galaxy S24Samsung | 360 × 780Ungeprüfte Referenz | Noch zu prüfen | 3.0Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
Google Pixel 9 Pro XLGoogleTechnische Angaben und Belege
|
414 × 921Ungeprüfte Referenz | 1344 × 2992 | 3.25Ungeprüfte Referenz | 6.8 | 486 | Quelle öffnen: Google Google Pixel 9 Pro XL |
Google Pixel 9 ProGoogleTechnische Angaben und Belege
|
410 × 914Ungeprüfte Referenz | 1280 × 2856 | 3.125Ungeprüfte Referenz | 6.3 | 495 | Quelle öffnen: Google Google Pixel 9 Pro |
Google Pixel 9GoogleTechnische Angaben und Belege
|
412 × 923Ungeprüfte Referenz | 1080 × 2424 | 2.625Ungeprüfte Referenz | 6.3 | 422 | Quelle öffnen: Google Google Pixel 9 |
Google Pixel 8 ProGoogleTechnische Angaben und Belege
|
412 × 921Ungeprüfte Referenz | 1344 × 2992 | 3.25Ungeprüfte Referenz | 6.7 | 489 | Quelle öffnen: Google Google Pixel 8 Pro |
Google Pixel 8GoogleTechnische Angaben und Belege
|
412 × 915Ungeprüfte Referenz | 1080 × 2400 | 2.625Ungeprüfte Referenz | 6.2 | 428 | Quelle öffnen: Google Google Pixel 8 |
Samsung Galaxy S23 UltraSamsungTechnische Angaben und Belege
|
412 × 915Ungeprüfte Referenz | 1440 × 3088 | 3.5Ungeprüfte Referenz | 6.8 | Noch zu prüfen | Quelle öffnen: Samsung Samsung Galaxy S23 Ultra |
Samsung Galaxy S23+SamsungTechnische Angaben und Belege
|
384 × 854Ungeprüfte Referenz | 1080 × 2340 | 2.8125Ungeprüfte Referenz | 6.6 | Noch zu prüfen | Quelle öffnen: Samsung Samsung Galaxy S23+ |
Samsung Galaxy S23SamsungTechnische Angaben und Belege
|
360 × 780Ungeprüfte Referenz | 1080 × 2340 | 3.0Ungeprüfte Referenz | 6.1 | Noch zu prüfen | Quelle öffnen: Samsung Samsung Galaxy S23 |
Google Pixel 7 ProGoogleTechnische Angaben und Belege
|
412 × 892Ungeprüfte Referenz | 1440 × 3120 | 3.5Ungeprüfte Referenz | 6.7 | 512 | Quelle öffnen: Google Google Pixel 7 Pro |
Google Pixel 7GoogleTechnische Angaben und Belege
|
412 × 915Ungeprüfte Referenz | 1080 × 2400 | 2.625Ungeprüfte Referenz | 6.3 | 416 | Quelle öffnen: Google Google Pixel 7 |
Samsung Galaxy S22 UltraSamsungTechnische Angaben und Belege
|
412 × 915Ungeprüfte Referenz | 1440 × 3088 | 3.5Ungeprüfte Referenz | 6.8 | Noch zu prüfen | Quelle öffnen: Samsung Samsung Galaxy S22 Ultra |
Samsung Galaxy S22+SamsungTechnische Angaben und Belege
|
384 × 854Ungeprüfte Referenz | 1080 × 2340 | 2.8125Ungeprüfte Referenz | 6.6 | Noch zu prüfen | Quelle öffnen: Samsung Samsung Galaxy S22+ |
Samsung Galaxy S22SamsungTechnische Angaben und Belege
|
360 × 780Ungeprüfte Referenz | 1080 × 2340 | 3.0Ungeprüfte Referenz | 6.1 | Noch zu prüfen | Quelle öffnen: Samsung Samsung Galaxy S22 |
Google Pixel 6 ProGoogleTechnische Angaben und Belege
|
412 × 915Ungeprüfte Referenz | 1440 × 3120 | 3.5Ungeprüfte Referenz | 6.7 | 512 | Quelle öffnen: Google Google Pixel 6 Pro |
Google Pixel 6GoogleTechnische Angaben und Belege
|
412 × 915Ungeprüfte Referenz | 1080 × 2400 | 2.625Ungeprüfte Referenz | 6.4 | 411 | Quelle öffnen: Google Google Pixel 6 |
| Samsung Galaxy S21 UltraSamsung | 384 × 854Ungeprüfte Referenz | Noch zu prüfen | 3.75Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
Samsung Galaxy S21+SamsungTechnische Angaben und Belege
|
384 × 854Ungeprüfte Referenz | 1080 × 2400 | 2.8125Ungeprüfte Referenz | 6.7 | Noch zu prüfen | Quelle öffnen: Samsung Samsung Galaxy S21+ |
| Samsung Galaxy S21Samsung | 360 × 800Ungeprüfte Referenz | Noch zu prüfen | 3.0Ungeprüfte Referenz | Noch zu prüfen | Noch zu prüfen | Noch zu prüfen |
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: Android-Geräte unterstützen sowohl Hoch- als auch Querformat
Design-Überlegungen
- Entwerfen Sie für verschiedene Bildschirmgrößen und Dichten
- Berücksichtigen Sie verschiedene Seitenverhältnisse
- Optimieren Sie für Touch-Interaktionen
- Verwenden Sie geeignete Media Queries
- Berücksichtigen Sie faltbare Geräte
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.