Device pixel ratio is how many physical pixels back each CSS pixel — the reason text looks razor-sharp on phones.
Short answer
DPR 1 is classic desktop; DPR 2–3 is Retina/mobile territory In practice, open the linked tool below and compare your live values with the explanations that follow.
How it works
What Is Device Pixel Ratio? comes down to reading documented browser signals and interpreting them honestly — including when the browser withholds them.
- DPR 1 is classic desktop; DPR 2–3 is Retina/mobile territory
- Multiply CSS size by DPR for physical pixels
- Zoom and external monitors change it live
At a glance
| Signal | What you learn |
|---|---|
| Browser report | Live values for this device right now |
| Withheld fields | Privacy protections, not hardware faults |
| Best next step | Use the related tool to verify your own setup |
Practical steps
- Open the related tool and note the highlighted rows.
- Compare them with the points above.
- If something looks off, check zoom, extensions and private mode, then retest.
Try it live: open the related checker and see your own values.
FAQ
Does higher DPR mean a better screen?
Mostly it means denser pixels and crisper text. What matters for layout is still the CSS viewport, not the raw pixel count.
Related reading
Bottom line: Zoom and external monitors change it live When in doubt, trust the live tool over memory — browsers change, and support varies by browser.