ScreenDetailed: devicePixelRatio property

{{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

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

• Window Management API