环境光照水平 | @media.light-level (Media Queries) - CSS 中文开发手册 - Break易站

??CSS 中文开发手册

环境光照水平 | @media.light-level (Media Queries) - CSS 中文开发手册

@media.light-level

非标准

这个功能是非标准的，不在标准轨道上。不要在面向Web的生产站点上使用它：它不适用于每个用户。实现之间也可能存在大的不兼容性，并且行为在未来可能会改变。

该light-level CSS @media媒体功能可用于应用基于环境光级别样式。

语法

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; }
}

规范

浏览器兼容性

??CSS 中文开发手册