What Are Your Screen Specs?
See your screen resolution, browser viewport dimensions, device pixel ratio (DPI), color depth, and orientation — all detected instantly from your browser.
This tool reads window.screen and devicePixelRatio to report your display's physical resolution, viewport size, pixel density, color depth, and orientation.
A device pixel ratio of 2 means each CSS pixel uses 2x2 physical pixels (Retina/HiDPI); 24-bit color depth provides 16.7 million colors.
What Do Your Results Mean?
| Result | Range | Meaning |
|---|---|---|
| Detected | Resolution, DPR, and color depth shown | Your browser successfully reports all display properties. DPR 1x is standard, 2x is Retina/HiDPI, 3x is found on high-end mobile screens. |
| Limited | Viewport differs significantly from screen resolution | Browser toolbars, taskbar, or scaling settings reduce the usable viewport. Press F11 for fullscreen to maximize available space. |
| Not Supported | Some properties return zero or undefined | Rare on modern browsers. Ensure you are not in a headless or embedded context that restricts screen API access. |
Common Issues and How to Fix Them
Screen resolution shows lower than expected
Check your OS display settings for scaling. At 150% scaling on a 1920x1080 display, the browser reports an effective resolution of 1280x720 CSS pixels with DPR 1.5.
Color depth shows 24-bit instead of 30-bit
30-bit (10-bit per channel) requires a compatible GPU, display, and driver configuration. Most consumer displays use 24-bit (8-bit per channel) which provides 16.7 million colors.