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

瀏覽器相容性

另見