Decibic

Live browser readout

Screen resolution checker

See the dimensions this browser exposes, with CSS layout space, window size, screen area, and DPR-derived estimates kept deliberately separate.

Local · live · no upload

CSS layout viewport

N/A × N/ACSS px

This is the page layout area excluding scrollbars. It is usually the most useful number for responsive CSS and breakpoint debugging.

What the browser reports

Resize, zoom, rotate, or move this window between displays to re-check.

Page and browser window

These can change without the display itself changing.

CSS layout viewport
N/ADocument client area · excludes scrollbars
Inner window
N/ALayout viewport · includes rendered scrollbars
Visual viewport
N/AVisible region when the API is exposed
Outer window
N/AIncludes browser chrome; zoom units vary by browser

Screen space in CSS pixels

Browser-exposed dimensions, not a hardware specification.

Reported screen
N/AThe screen area JavaScript is allowed to see
Available screen area
N/AMay exclude OS bars, docks, or reserved space
Screen aspect ratio
N/AReduced from the reported CSS dimensions
Device pixel ratio
N/ACurrent CSS-to-device-pixel ratio

Physical-pixel estimates

Rounded products of CSS pixels × current DPR.

Estimate · not native panel resolution
Reported screen estimate
N/AEach screen dimension × DPR
Layout viewport estimate
N/AEach client dimension × DPR
What can affect them?
Scaling + zoomAlso privacy reduction, emulation, remote desktops, and browser behavior

Display context

Read-only hints exposed by this browser.

Orientation
N/AReading orientation support
Color depth
N/ASome browsers report a compatibility value
Visual viewport scale
N/ACan reveal pinch magnification; not reliable page-zoom detection

Read the result honestly

CSS pixels are logical units

Screen and window APIs normally report CSS pixels. OS scaling can make those dimensions smaller than a panel’s hardware grid.

Zoom is not separable

Browsers do not provide a dependable, cross-browser page-zoom percentage. DPR can combine density, display scaling, and page zoom.

Hardware stays private

This page cannot verify native panel resolution, physical inches, PPI, monitor model, calibration, or which pixel grid the OS selected.

Source and method

Values come from standard, read-only browser properties defined by CSSOM View and related web APIs. Unsupported values are shown as “Not exposed” instead of being guessed.

  • document.documentElement.clientWidth/clientHeight for the scrollbar-excluding layout viewport.
  • window.innerWidth/innerHeight, outerWidth/outerHeight, and visualViewport for window and visible-page context.
  • screen.width/height, availWidth/availHeight, orientation, color depth, pixel depth, and devicePixelRatio for exposed display context.