resolution media query (compatibility prefixes)
Widely available
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.
To learn more, see
-webkit-device-pixel-ratio at MDN.
Compatibility
- 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