Screen Resolution Test
See your reported screen size, viewport, pixel ratio, color depth and orientation in one clear report.
How to use this test
- Open the test on the display you want to inspect.
- Read the reported screen, viewport and pixel-ratio values.
- Resize the window or rotate your device to see the measurements update.
If something looks wrong
- Browser zoom and operating-system scaling can change reported CSS dimensions.
- Move the browser window to the correct monitor before comparing values.
- Use the display settings in your operating system to confirm the selected resolution.
The browser reports layout pixels, physical-pixel ratio and available space.
Screen resolution is not one number in a modern browser. The page can report the screen dimensions used for layout, the current viewport and the device-pixel ratio that maps CSS pixels to display pixels. Together they explain why a high-density phone or laptop may show smaller browser dimensions than the panel's advertised native resolution.
Zoom, display scaling, browser sidebars, operating-system bars and multi-monitor placement affect what a web page sees. Full-screen mode can increase the available viewport but does not change the panel itself. Use the reported values to troubleshoot layouts, screenshots and scaling, not to identify the display model.
Separate screen size, viewport and pixel density.
These are browser-reported CSS-pixel dimensions for the active screen and may already include operating-system scaling.
This is the usable page area inside the current browser window. It changes as the window, browser chrome or side panels change.
A value above one means each CSS pixel maps to multiple physical pixels or a scaling transformation.
This can exclude operating-system taskbars or reserved regions and is therefore often smaller than the full reported screen.
Privacy protections and browser abstractions can round or transform display values. The page cannot reliably read the panel's exact physical pixel grid, dimensions, color depth quality, HDR performance or model name.
Read our complete testing methodology →From symptom to next step.
Good to know.
Why is the reported size lower than my monitor resolution?+
Browsers often report CSS pixels after display scaling. The physical-pixel estimate combines that value with the device pixel ratio, but hardware reporting still varies.
What is device pixel ratio?+
It describes how many device pixels are used for one CSS pixel. High-density displays commonly use a value greater than one.
Why is a 4K display not reported as 3840 × 2160?+
At 200% scaling, browsers commonly expose a 1920 × 1080 CSS-pixel workspace with a device-pixel ratio near two. The panel can still be 4K.
Does browser zoom change screen resolution?+
It changes page layout and viewport behavior but not the physical panel. Browser and operating-system scaling can influence the values exposed to scripts.
Can this identify my monitor model?+
No. Standard browser APIs expose display geometry, not a dependable manufacturer and model identifier.