dynamic-range

Baseline 已广泛支持

此功能已成熟，并可在许多设备和浏览器版本上使用。自 2022 年 5 月以来，它已在各个浏览器中可用。

dynamic-range CSS 媒体特性可用于测试用户代理和输出设备支持的亮度、对比度以及色深的组合。

注意：有些设备具有高动态范围功能，但并非始终“开启”，需要激活（有时通过程序，有时由用户，有时根据内容）。此媒体特性不测试动态范围功能是否处于活动状态；它只测试设备是否能够显示高动态范围视觉效果。

语法

dynamic-range 特性被指定为从下面的列表中选择的关键字值。

standard: 此值匹配任何视觉设备，并排除不具备视觉功能的设备。匹配 high 的用户代理或输出设备也将匹配 standard 值。
high: 此值匹配支持高峰值亮度、高对比度和色深大于 24 位或 RGB 每个颜色分量 8 位的用户代理和输出设备。峰值亮度是指发光设备（如 LCD 屏幕）所能产生的最亮点的亮度。对于反射光设备（如纸张或电子墨水），峰值亮度是指至少能吸收光的点。对比度是指系统能够产生的最亮颜色与最暗颜色的亮度比。目前，还没有精确测量峰值亮度和对比度的方法，并且对于什么是高峰值亮度和高对比度的判断取决于用户代理。

css

@media (dynamic-range: standard) {
  p {
    color: red;
  }
}

@media (dynamic-range: high) {
  p {
    color: green;
  }
}

规范
媒体查询 Level 5 # dynamic-range

本页面上次由 MDN 贡献者修改于 2025 年 7 月 14 日。