dynamic-range media query
Widely available
The dynamic-range CSS media query sets styles based on whether a device can display at least standard range colors or at least high range colors. Non-visual devices will match neither.
To learn more, see
dynamic-range at MDN.
Compatibility
- Chrome 98 Released on 2022-02-01
- Chrome Android 98 Released on 2022-02-01
- Edge 98 Released on 2022-02-03
- Firefox 100 Released on 2022-05-03
- Firefox for Android 100 Released on 2022-05-03
- Safari 13.1 Released on 2020-03-24
- Safari on iOS 13.4 Released on 2020-03-24