Steam Deck OLED Simulator & Emulator — Viewport, Auflösung & CSS-Spezifikationen
Teste deine Website auf Steam Deck OLED mit einem Klick — kein echtes Gerät erforderlich.
- Kostenlos
- 20,000+ Nutzer
Steam Deck OLED ist ein beliebtes Gerät zum Simulieren und Emulieren unter Webentwicklern und Designern zum Testen responsiver Layouts und mobilen UI-Verhaltens. Erscheinungsjahr: 2023.
Warum auf Steam Deck OLED testen?
Viewport
7,4-Zoll 1280×800 OLED im 16:10-Querformat — unkonventionelles Seitenverhältnis, das Layout-Annahmen rund um 16:9-Bildschirme aufdeckt.
Pixeldichte (DPR)
Standardmäßige Pixeldichte zeigt verschwommene Bilder und Probleme mit der Icon-Skalierung auf dem Bildschirm.
Performance & Animationen
Benutzerdefinierter AMD APU bewältigt moderate Lasten gut; Main-Thread-Spitzen verursachen sichtbare Frame-Drops auf dem OLED-Display.
Viewport-Größe (CSS-Auflösung)
Der CSS-Viewport bestimmt, wie Media Queries, Layout-Breakpoints und responsive Komponenten funktionieren.
Für Steam Deck OLED beträgt der CSS-Viewport:
- Breite: 1280 px
- Höhe: 800 px
ℹ️ Die sichtbare Höhe kann je nach Browser-Oberfläche (Safari, Chrome usw.) leicht variieren.
Einige Analytics-Plattformen zeigen nur die physische Bildschirmauflösung (siehe unten) statt der CSS-Viewport-Größe an.
Um genau zu sehen, wie sich dieser Viewport unter realen Bedingungen verhält, kannst du Steam Deck OLED direkt in deinem Browser mit dem Handy Simulator simulieren.
Kostenloser Steam Deck OLED-Simulator & Emulator
Genaue Viewport-Simulation direkt in deinem Browser.
- Kein Konto erforderlich
- 40+ Geräte enthalten
- Funktioniert offline
- Kostenlos
- 20,000+ Nutzer
Pixeldichte (Device Pixel Ratio)
Steam Deck OLED hat ein Device Pixel Ratio von 1.
Jedes CSS-Pixel wird mit 1 physischen Pixeln gerendert, was zu schärferem Text und schärferen Bildern führt.
Für CSS-Targeting:
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
/* Stile speziell für hohe DPI */
}In JavaScript:
window.devicePixelRatio;
// gibt zurück: 1Physische Bildschirmauflösung
Die physische Auflösung bezeichnet die tatsächliche Anzahl der Hardware-Pixel auf dem Display. Obwohl sie CSS-Layouts nicht beeinflusst, wird sie häufig in Analytics und Gerätespezifikationen angezeigt.
- Breite: 1280 px
- Höhe: 800 px
ℹ️ Die physische Auflösung wird nicht für CSS-Layouts verwendet, wird aber oft in Analytics-Tools angezeigt.
Häufig gestellte Fragen
Wie groß ist der Viewport von Steam Deck OLED?
Steam Deck OLED hat eine Viewport-Größe von 1280×800 CSS-Pixeln.
Wie kann ich meine Website auf Steam Deck OLED testen?
Du kannst es sofort mit der Chrome-Erweiterung Handy Simulator simulieren — kein echtes Gerät erforderlich.
Wie ist der Handy Simulator besser als Chrome DevTools für Steam Deck OLED?
DevTools zeigt eine ungefähre Viewport-Größe, emuliert aber nicht den echten mobilen Browser. Handy Simulator verwendet genaue Geräteeigenschaften und zeigt, wie deine Website in einer echten mobilen Browser-Umgebung dargestellt wird.
Kann ich Localhost mit dem Handy Simulator auf Steam Deck OLED testen?
Ja. Handy Simulator funktioniert mit jeder lokalen URL, einschließlich localhost:3000, 127.0.0.1 und ähnlichen Entwicklungsumgebungen.
Muss ich ein Steam Deck OLED-Gerät kaufen, um zu testen?
Nein. Handy Simulator bietet genaue Gerätesimulation für 0 $ statt $549+ für ein physisches Gerät auszugeben.
Weitere Geräte für mobiles Testen
Google Pixel 8
✅ Bereit zur Simulation in der Erweiterung
6.2-Zoll-Smartphone, erschienen in 2023, mit 360x800px Viewport-Auflösung und 3x Pixeldichte-Display
Vollständige Spezifikationen anzeigen
Infinix GT 30 Pro
6.78-Zoll-Smartphone, erschienen in 2025, mit 408x907px Viewport-Auflösung und 3x Pixeldichte-Display
Vollständige Spezifikationen anzeigen
Apple iPad Mini 5
✅ Bereit zur Simulation in der Erweiterung
7.9-Zoll-Smartphone, erschienen in 2019, mit 768x1024px Viewport-Auflösung und 2x Pixeldichte-Display
Vollständige Spezifikationen anzeigen