CSS-медиафункция `dynamic-range`

Базовый уровень Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и во многих версиях браузеров. Она доступна в браузерах с мая 2022 года.

dynamic-range CSS-медиафункция позволяет проверить сочетание яркости, коэффициента контрастности и глубины цвета, поддерживаемое пользовательским агентом и устройством вывода.

Примечание: Некоторые устройства поддерживают расширенный динамический диапазон, но эта возможность не всегда включена и может требовать активации (иногда программно, иногда пользователем, иногда в зависимости от содержимого). Эта медиафункция не проверяет, активна ли возможность расширенного динамического диапазона; она проверяет только, поддерживает ли устройство визуализацию с расширенным динамическим диапазоном.

Синтаксис

Значение функции dynamic-range задаётся одним из ключевых слов из списка ниже.

standard: Это значение соответствует любому устройству визуального вывода и исключает устройства, не поддерживающие визуальный вывод. Пользовательский агент или устройство вывода, соответствующие high, также будут соответствовать значению standard.
high: Это значение соответствует пользовательским агентам и устройствам вывода, поддерживающим высокую пиковую яркость, высокий коэффициент контрастности и глубину цвета более 24 бит или 8 бит на цветовой компонент RGB. Пиковая яркость — это яркость, которую может обеспечить самая яркая точка устройства, излучающего свет, например ЖК-экрана. Для устройства, отражающего свет, например бумаги или электронных чернил, пиковая яркость соответствует точке, поглощающей наименьшее количество света. Коэффициент контрастности — это отношение яркости самого светлого цвета к яркости самого тёмного цвета, который способна воспроизвести система. В настоящее время не существует точного способа измерения пиковой яркости и коэффициента контрастности, а определение того, что считать высокой пиковой яркостью и высоким коэффициентом контрастности, зависит от пользовательского агента.

Примеры

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

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

Спецификации

Спецификация
Медиа-запросы, уровень 5 # dynamic-range

Совместимость с браузерами

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`dynamic-range`	98	98	100	84	13.1	98	100	68	13.4	18.0	98	13.4

См. также

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/dynamic-range