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 for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`dynamic-range`	98	98	100	84	13.1	98	100	68	13.4	18.0	98

См. также

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