ScreenDetailed: devicePixelRatio property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The devicePixelRatio
read-only property of the
ScreenDetailed
interface is a number representing the screen's device pixel ratio.
This is the same as the value returned by Window.devicePixelRatio
, except that Window.devicePixelRatio
:
- always returns the device pixel ratio for the current screen.
- 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
Specification |
---|
Window Management # ref-for-dom-screendetailed-devicepixelratio |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
devicePixelRatio |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.