Question

所以根据dev.w3.org，这是一件事：

@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。我浏览了一些文章但却找不到任何关于支持的内容。我想知道这些媒体查询的支持是什么？它们是否已在某些浏览器上实现？

来源：

http://dev.w3.org/csswg/mediaqueries4/#light-level

Answer 1

[转而回答每个人的建议]

http://caniuse.com/css-mediaqueries - 对于更远的未来和前面的3个版本看起来像chrome和ff可能是你现在使用它们的唯一希望。由于它们是仍在撰写的规范的一部分，因此您很可能会在chrome，ff和ie10中找到早期采用者。如果这不是在chrome，ff中工作，那么之前的规范称之为＆＃34; luminosity＆＃34;而不是光级ex：http://www.jordanm.co.uk/post/65776639602/responding-to-environmental-lighting-with-css-media

环境媒体功能支持

1 个答案: