dynamic-range

可以使用 **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;
  }
}

规范

规范
媒体查询级别 5 # dynamic-range

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅