Back to Content

ScreenDetailed: devicePixelRatio property

files/en-us/web/api/screendetailed/devicepixelratio/index.md

latest974 B
Original Source

{{APIRef("Window Management API")}}{{SeeCompatTable}}{{SecureContext_Header}}

The devicePixelRatio read-only property of the {{domxref("ScreenDetailed")}} interface is a number representing the screen's {{glossary("device pixel")}} ratio.

This is the same as the value returned by {{domxref("Window.devicePixelRatio")}}, except that Window.devicePixelRatio:

  • always returns the device pixel ratio for the {{domxref("ScreenDetails.currentScreen", "current screen", "", "nocode")}}.
  • also includes scaling of the window itself, i.e., page zoom (at least on some browser implementations).

Value

A number.

Examples

js
const screenDetails = await window.getScreenDetails();

// Return the device pixel ratio of the first screen
const screen1DPR = screenDetails.screens[0].devicePixelRatio;

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also