Browser screen size
See live viewport dimensions, screen size and pixel ratio instantly.
Cara menggunakan Browser screen size
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.
- Open the page to see your current viewport and screen measurements.
- Resize the browser or change orientation; the viewport measurement updates automatically.
- Read pixel ratio and CSS dimensions together to account for display scaling.
Fungsi alat ini
Displays the workspace viewport, screen and available dimensions in CSS pixels, device pixel ratio, color depth and orientation. Viewport measurements update on browser resize. An embedded execution frame reports its own viewport.
Batas dan pemrosesan
Browser-reported CSS pixels reflect display scaling and privacy protections; they do not always equal physical display pixels.
Pertanyaan umum
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.
Where is my input processed?
This operation processes its source in your browser. Copy and download are explicit actions; source input is not saved in an account or history.
What are the input limits?
Browser-reported CSS pixels reflect display scaling and privacy protections; they do not always equal physical display pixels.