23 / Device Tests
What Is My Screen Resolution?
See browser-reported resolution, estimated physical pixels, live viewport, DPR, color depth, orientation, and refresh rate.
CSS screen pixels
Browser report
Display details
- CSS screen
- — × — px
- Estimated physical
- — × — px
- Available screen
- — × — px
- Live viewport
- — × — px
- Color depth
- —-bit
- Color gamut
- —
- HDR signal
- —
- Touch points
- —
- Frame sample
- Measuring…
Reading this display locally.
Field note
Why browser resolution can differ from the box
CSS screen pixels are the coordinate space your browser reports. Device pixel ratio tells the browser how many hardware pixels usually sit behind one CSS pixel, so the physical figure above is an estimate—not a promise about the panel.
The viewport is the page area inside this browser window. Resize the window or rotate a phone and it updates live. Refresh rate is sampled from animation frames; power saving, a hidden tab, browser throttling, or a second display can change the result.
What DPR means
A DPR of 2 usually means one CSS pixel maps to a 2 × 2 block of device pixels. Operating-system scaling and browser zoom can change that relationship, which is why a website cannot reliably identify the exact monitor model or guaranteed native resolution.