light-level

Вы читаете английскую версию этой статьи, так как пока нет перевода на данный язык. Помогите нам перевести эту статью!

CSS медиа функция light-level может использоваться для проверки уровня освещенности.

Синтаксис

dim
Устройство используется в затемненной обстановке, где чрезмерный контраст и яркость могут отвлекать или создавать неудобства для читателя. Например: ночное время или слабо освещенная внутренняя среда.
normal
Устройство используется в условиях с уровнем освещенности в идеальном диапазоне для экрана и не требует каких-либо особых настроек.
washed
Устройство используется в исключительно ярких условиях, из-за чего экран становится размытым и его трудно читать. Например: яркий дневной свет.

Примеры

Этот код, скорее всего, не будет работать на всех устройствах (совместимость с устройствами низкая).

@media (light-level: normal) {
  p {
    background: url("texture.jpg");
    color: #333;
  }
}

@media (light-level: dim) {
  p {
    background: #222;
    color: #ccc;
  }
}

@media (light-level: washed) {
  p {
    background: white;
    color: black;
    font-size: 2em;
  }
}

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

Specification Status Comment
Media Queries Level 5
Определение 'light-level' в этой спецификации.
Редакторский черновик Изначальное определение.

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
light-level media feature
ЭкспериментальнаяНестандартная
Chrome Нет поддержки НетEdge Нет поддержки НетFirefox Нет поддержки НетIE Нет поддержки НетOpera Нет поддержки НетSafari Нет поддержки НетWebView Android Нет поддержки НетChrome Android Нет поддержки НетFirefox Android Нет поддержки НетOpera Android Нет поддержки НетSafari iOS Нет поддержки НетSamsung Internet Android Нет поддержки Нет

Легенда

Нет поддержки  
Нет поддержки
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Нестандартная. Ожидается плохая кросс-браузерная поддержка.
Нестандартная. Ожидается плохая кросс-браузерная поддержка.