Your Display Details
Automatically detects your screen resolution, available viewport, and device pixel ratio. Results update when you resize the window or move between monitors.
Screen Resolution (physical pixels)
Detecting...
From window.screen.width × window.screen.height
Available Screen Area
Detecting...
Excludes OS UI like taskbar/dock where applicable
Viewport Size (CSS pixels)
Detecting...
window.innerWidth × window.innerHeight
Device Pixel Ratio (DPR)
Detecting...
Physical pixels per CSS pixel
Estimated Physical Viewport
Detecting...
Viewport × DPR (approximate physical pixels)
Tip: Move this window to another monitor and click Refresh to see updated values.
About This Tool
This tool reveals your device’s actual screen resolution, the usable available area, your current browser viewport size in CSS pixels, and the device pixel ratio (DPR). Designers and developers use these values to debug layouts, pick media query breakpoints, and understand how crisp images render on high‑DPI displays.
How to Use
- Open this page in your browser. The values appear instantly.
- Resize the window or rotate your device; the numbers update automatically.
- Click Copy Details to share these specs in tickets or chats.
- Optional: Move the browser to another display and press Refresh.
What You’ll See
- Screen Resolution: Total physical pixels of the display.
- Available Screen Area: Physical pixels minus OS UI bars.
- Viewport Size: The layout size in CSS pixels.
- DPR: Ratio of physical pixels to CSS pixels.
- Estimated Physical Viewport: Viewport multiplied by DPR.
Sample
Input
Open the page on a 1920 × 1080 monitor with DPR 1.0
Output
Screen: 1920 × 1080 px; Available: 1920 × 1040 px; Viewport: 1200 × 800 CSS px; DPR: 1; Estimated Physical Viewport: 1200 × 800 px