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 日。