Live detection

Your screen resolution

Everything is read right now, from your own device, inside the browser. Resize the window and watch what updates.

Screen resolution

— × — pixel (logical)

Total — DPR — Ratio —

Screenlogical pixel

Width

—

Height

—

Available area

—

Orientation

—

screen × DPR

—

The surface the browser renders to (screen × DPR). Under scaling it is NOT guaranteed to be the panel's real pixels, it can even exceed them.

Visible area (viewport)

—

Visual viewport (visualViewport)

—

Pinch zoom (visualViewport)

—

Offset (visualViewport)

—

Colour depth

—

Pixel depth

—

Touchscreen

—

pixel	What it is	Length	Do we have it?
css pixel	the browser's logical unit for layout	1 / CSS ppi	✓¹
logical pixel	OS logical pixel (point / DIP)	= css (at 100% zoom)	✓
device pixel	the surface the browser renders to (css/logical × DPR)	css ÷ DPR	✓²
hardware pixel	the hardware dot, the screen's native resolution	dot pitch	✗³

¹ css pixel: we measure it at /tools/monitor_dpi/ · ² device pixel: computed, not the panel itself · ³ hardware pixel: no access, we don't measure it