Screen Resolution Test
View screen size, available size, viewport, pixel ratio, orientation and color depth.
How to use this test
Open the page on the display you want to inspect. Resize the browser if you want to compare full screen dimensions with the current viewport and device pixel ratio.
How the measurement works
The page reads window.screen, viewport size, devicePixelRatio, orientation and colorDepth values exposed by the browser.
How to interpret results
Screen resolution is the browser-reported logical screen size, while viewport size is the content area available to the page. OS scaling and browser zoom can make these values differ from physical panel pixels.
Troubleshooting tips
Set browser zoom to 100%, check operating-system scaling and move the browser to the correct monitor before comparing values.
Related tests
You can also browse every utility from the complete tool index.
Common resolution questions
Why is browser resolution different from my monitor resolution?
The browser can report logical screen size, viewport size and device-pixel ratio, which are affected by scaling and zoom. The physical panel resolution may therefore be larger than the CSS pixel dimensions shown to a web page.
Read full answer →What is device pixel ratio (DPR)?
DPR is the ratio between device pixels and CSS pixels used by the browser. High-density displays can use multiple physical pixels to render one CSS pixel, which keeps interface elements readable while preserving sharpness.
Read full answer →Does browser zoom change viewport resolution?
Yes. Browser zoom changes the CSS-pixel layout seen by the page, so viewport dimensions and effective rendering scale can change even though the physical monitor resolution does not.
Read full answer →Why is my viewport smaller than my screen resolution?
The viewport excludes browser chrome and is affected by window size and zoom. Operating-system scaling can also change logical dimensions.
Read full answer →