Browser-Bildschirmgröße
Zeigt Viewport-Abmessungen, Bildschirmgröße und Pixelverhältnis sofort an.
So verwendest du Browser-Bildschirmgröße
Browser screen size shows your current viewport width and height in CSS pixels, plus the full screen size, available screen area, device pixel ratio, color depth and orientation. The viewport readout updates live as you resize the window or rotate the device, with no input required. Values come from standard browser properties such as innerWidth and devicePixelRatio.
- Öffne die Seite, um deinen aktuellen Viewport und deine Bildschirmmaße zu sehen.
- Ändere die Browsergröße oder die Ausrichtung; die Viewport-Messung wird automatisch aktualisiert.
- Lies Pixelverhältnis und CSS-Abmessungen zusammen, um die Anzeigenskalierung zu berücksichtigen.
Was dieses Tool unterstützt
Zeigt den Arbeitsbereich-Viewport, Bildschirm- und verfügbare Abmessungen in CSS-Pixeln, das Geräte-Pixelverhältnis, die Farbtiefe und die Ausrichtung an. Viewport-Messwerte werden bei Größenänderung des Browsers aktualisiert. Ein eingebetteter Ausführungsrahmen meldet seinen eigenen Viewport.
Grenzen und Verarbeitung
Vom Browser gemeldete CSS-Pixel spiegeln Anzeigenskalierung und Datenschutzmaßnahmen wider; sie entsprechen nicht immer den physischen Bildschirmpixeln.
Häufige Fragen
What is the difference between viewport size and screen size?
The viewport is the visible page area inside the browser window, which changes as you resize it. Screen size covers the whole display, and available screen excludes space reserved by the operating system, such as a taskbar.
Why doesn't the screen size match my monitor's resolution?
Browsers report CSS pixels, which are affected by display scaling, zoom and privacy protections. Multiply by the device pixel ratio for an approximate physical figure; on a 2x display, 1440 CSS pixels correspond to 2880 device pixels.
Does the viewport size update when I resize the window?
Yes. The tool listens for resize and orientation-change events and remeasures on the next animation frame, so the numbers follow the window as you drag it. Orientation shows a value such as landscape-primary when the browser reports one.
Wo wird meine Eingabe verarbeitet?
Dieser Vorgang verarbeitet seine Quelle in deinem Browser. Kopieren und Herunterladen sind ausdrückliche Aktionen; die Quelleingabe wird nicht in einem Konto oder Verlauf gespeichert.
Welche Eingabelimits gelten?
Vom Browser gemeldete CSS-Pixel spiegeln Anzeigenskalierung und Datenschutzmaßnahmen wider; sie entsprechen nicht immer den physischen Bildschirmpixeln.