Web platform features explorer

resolution media query (compatibility prefixes)

Widely available since 2021-04-23
Tags: css Groups: CSS > Media queries

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.

Browser support

  • Chrome 1 Released on 2008-12-11
  • Chrome Android 18 Released on 2012-06-27
  • Edge 12 Released on 2015-07-29
  • Firefox 63 Released on 2018-10-23
  • Firefox for Android 63 Released on 2018-10-23
  • Safari 3 Released on 2007-10-26
  • Safari on iOS 1 Released on 2007-06-29