Code tool

Viewport Size

See the page viewport reported by this browser. The result is local and updates when the viewport changes.

In-browser processingNo account requiredPrivacy details ↗
Width
—
Height
—
Estimated device pixels
—

Multiplying each CSS dimension by devicePixelRatio gives an estimate of device pixels. Browser zoom, display scaling, and multi-monitor setups can affect it.

A QUICK WALKTHROUGH

How to use this tool

  1. Read the current CSS viewport width and height.
  2. Resize the browser window or rotate the device to update the values.
  3. Use the optional physical-pixel estimate with the reported device pixel ratio.

CSS viewport dimensions

Width and height are reported in CSS pixels for the visible page area, excluding browser chrome.

Optional device-pixel estimate

Multiplying each CSS dimension by devicePixelRatio gives an estimate of device pixels. Browser zoom, display scaling, and multi-monitor setups can affect it.

Local-only reading

The tool reads window and browser APIs in this page. It does not upload or persist the dimensions.

GOOD TO KNOW

Common questions

Is this the browser window size?

It is the visible page viewport, which can be smaller than the outer browser window.

Why do values change with zoom?

Browser zoom and display scaling can change CSS viewport values and the device-pixel estimate.

Are physical pixels measured?

No. Device pixels are only estimated from CSS pixels and the reported DPR.