So prüfst du deine Bildschirmauflösung
- Diese Seite öffnen – die Auflösung steht oben.
- Darunter Fenstergröße und Pixelverhältnis ablesen.
- Fenster verkleinern oder Handy drehen und die Änderungen sehen.
Auflösung und Viewport
Die Bildschirmauflösung ist die Größe des ganzen Displays; der Viewport ist der Bereich im Browserfenster, in dem die Seite gezeichnet wird, ohne Leisten und Scrollbalken. Webdesign richtet sich nach dem Viewport.
CSS-Pixel und Skalierung
Betriebssysteme skalieren hochauflösende Bildschirme, damit Text lesbar bleibt. Der Browser meldet CSS-Pixel; mal Device Pixel Ratio ergibt die physischen Pixel aus dem Datenblatt.
Häufige Auflösungen
1920×1080 (Full HD) ist am Desktop noch am weitesten verbreitet, gefolgt von 2560×1440 (WQHD) und 3840×2160 (4K). Handys melden etwa 360–430 CSS-Pixel Breite.
Häufige Fragen
Warum ist die Auflösung niedriger als beim Monitor?
Mit Skalierung melden Browser CSS-Pixel. Ein 3840×2160-Bildschirm mit 150 % erscheint als 2560×1440; die physischen Pixel zeigen den echten Wert.
Was ist die Device Pixel Ratio?
Wie viele physische Pixel ein CSS-Pixel bilden. Retina- und die meisten Handydisplays haben 2 oder 3.
Wird etwas an einen Server gesendet?
Nein. Die Werte werden im Browser gelesen.