css pixels device pixel ratio

CSS pixels and devicePixelRatio

Understand why web layout uses logical pixels and how DPR approximates physical pixels.

Viewport in CSS pixels—

CSS screen—

Physical viewport—

Estimated physical screen—

DPR—

Available area—

Orientation—

Aspect ratio—

Color—

Measurements are read locally through browser APIs and do not uniquely identify your screen.

Continue in the tool

Open full tool

More pages for this tool

How to interpret it

CSS pixels are layout units. DPR reports how many physical pixels are used to draw one CSS pixel in a given context.

Quick example

Lookup

Input: Viewport 800 × 600, DPR 2
Expected output: Viewport físico estimado 1600 × 1200

Use the result as technical reference and confirm official sources when there is operational impact.

Check

Input: css pixels device pixel ratio
Expected output: css pixels device pixel ratio

The main tool remains interactive; this page organizes the search intent.

Full tool FAQ

What is a viewport?

The viewport is the visible area of the page in the browser, measured in CSS pixels. It changes when resizing the window, opening sidebars, changing zoom or rotating the device.

What is devicePixelRatio?

Why is physical resolution estimated?

Is screen width the same as monitor size?

What is the difference between screen and available area?

Why does this matter for responsive design?

Does orientation come from the device or the window?

Does this tool do fingerprinting?

Frequently asked questions

Does zoom change DPR?

CSS pixels are layout units. DPR reports how many physical pixels are used to draw one CSS pixel in a given context.

Does the tool work locally?

Yes. The main interface runs in the browser and avoids uploading sensitive data when the feature depends on local hardware.