ToolHub
Tool öffnen

Bildschirmauflösungserkennung

Bildschirm- und Viewport-Auflösung erkennen, mit responsiven Breakpoint-Tests und Echtzeitaktualisierung bei Größenänderung

Praktische Tools

Über dieses Tool

Das Bildschirmauflösungserkennungstool zeigt sofort Ihre Bildschirmauflösung, Viewport-Größe, Gerätepixelverhältnis, verfügbaren Bildschirmbereich, Ausrichtung und responsive Breakpoints an – alle Informationen werden in Echtzeit aktualisiert, wenn Sie die Größe Ihres Browserfensters ändern.

Hauptfunktionen

Vorschau

Anwendungsfälle

screen resolution viewport

Häufig gestellte Fragen

Welche Informationen zeigt das Bildschirmauflösungserkennungstool an?

Das Tool zeigt Ihre Bildschirmauflösung, Viewport-Größe, Gerätepixelverhältnis, verfügbaren Bildschirmbereich, aktuelle Ausrichtung (Quer- oder Hochformat) und den responsiven Breakpoint an, in den Ihr Viewport fällt.

Was ist der Unterschied zwischen Bildschirmauflösung und Viewport-Größe?

Die Bildschirmauflösung ist die physische Pixelgröße Ihres Monitors (z. B. 1920x1080). Die Viewport-Größe ist der sichtbare Browserfensterbereich, der aufgrund von Browser-Oberfläche, Taskleiste und Zoomeinstellungen in der Regel kleiner als der Vollbild ist.

Was ist das Gerätepixelverhältnis?

Das Gerätepixelverhältnis (DPR) ist das Verhältnis von physischen Bildschirmpixeln zu CSS-Pixeln. Ein DPR von 2 bedeutet, dass jedes CSS-Pixel 2x2 physische Pixel verwendet, was bei Retina- und High-DPI-Displays üblich ist. Dies beeinflusst die Bildwiedergabe und das responsive Design.

Wie teste ich responsive Breakpoints?

Das Tool zeigt die aktuelle Viewport-Breite und -Höhe in Echtzeit an. Ändern Sie die Größe Ihres Browserfensters, um zu sehen, wie sich die Abmessungen ändern. Dies hilft zu erkennen, welche CSS-Breakpoints bei verschiedenen Fenstergrößen aktiv sind.

Kann die Bildschirmausrichtung erkannt werden?

Ja. Das Tool zeigt an, ob der Bildschirm im Hoch- oder Querformat ist, was besonders nützlich ist, wenn Sie responsive Layouts auf Mobilgeräten oder gedrehten Monitoren testen.