Live-Browser-Bildschirmbericht

Wie ist meine Bildschirmauflösung, mein Viewport, mein DPR und meine Farbtiefe?

Prüfen Sie die Auflösung, Viewport-Größe, geschätzten physischen Pixel, Gerätepixelverhältnis, Farbtiefe, Touch-Unterstützung und den HDR-Status, den Ihr Browser meldet.

Aktueller Viewport
Wird ermittelt...

CSS-Pixel versus physische Pixel

Browser melden auf hochdichten Displays oft eine kleinere logische Auflösung. Ein Gerätepixelverhältnis von 2x bedeutet, dass jeder CSS-Pixel mit etwa vier physischen Pixeln gezeichnet wird, was Text lesbar hält und gleichzeitig scharfe Kanten bewahrt.

Warum sich die Viewport-Größe ändert

Der Viewport schließt Browser-Steuerungen aus und ändert sich mit Fenstergröße, Zoom, Ausrichtung und mobilen UI-Leisten. Er ist die nützliche Zahl für Web-Layout-Tests; physische Pixel-Schätzungen sind relevanter für Hintergründe und Bildschirm-Hardware.