Web platform features explorer

dynamic-range media query

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.

Status

Baseline Widely Available (since 2024-11-03)

MDN documentation

Specifications

Browser support

  • 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

Usage (according to Chrome Platform Status)

~3.263% of page loads. More data at chromestatus.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist