resolution media query (compatibility prefixes)

The -webkit-device-pixel-ratio, -webkit-min-device-pixel-ratio, and -webkit-max-device-pixel-ratio CSS media queries are standardized compatibility alternatives to resolution media queries.

Baseline Status: Achieved Widely Available on Apr 23, 2021 (Cross-browser Newly Available since Oct 23, 2018).

Desktop Browser Engine Support

Google Chrome

1

Supported

Mozilla Firefox

63

Supported

Apple Safari

3

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

63

Safari iOS

1

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.at-rules.media.-webkit-device-pixel-ratio ↗ css.at-rules.media.-webkit-max-device-pixel-ratio ↗ css.at-rules.media.-webkit-min-device-pixel-ratio ↗