css - 环境媒体功能支持

标签 css media-queries

所以根据 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

最佳答案

[根据人们的建议开始回答]

http://caniuse.com/css-mediaqueries -- 对于更远的 future 和前面的 3 个版本,chrome 和 ff 可能是您现在使用它们的唯一希望。由于它们是仍在编写的规范的一部分,因此您很可能会在 chrome、ff 和 ie10 中找到早期采用者。如果这在 chrome 中不起作用,ff,之前的规范将其称为“亮度”而不是光级 ex:http://www.jordanm.co.uk/post/65776639602/responding-to-environmental-lighting-with-css-media

关于css - 环境媒体功能支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22562820/

相关文章:

html - Bootstrap 3 中的列 + 旋转木马高度不相等的问题

android - 媒体查询不适用于移动设备

html - 这是 CSS 中的错误吗?

html - "Position: Fixed"导致问题

样式化 Google 自定义搜索框的 CSS 问题

css - 响应式 2 列绝对定位

css - IE11 无法识别@media 查询中的视口(viewport)单位

html - 如何用css找到一些同级的元素?

javascript - 仅当宽度大于 x 像素时才执行 javascript 代码

html - 没有为媒体查询指定像素?