哪些浏览器已经支持Media Queries Level 4？

Question

哪些浏览器已经支持其中一些属性？ http://dev.w3.org/csswg/mediaqueries4/

这一个f.e.不适用于iOS7，iPhone 4S

@media (luminosity: normal) {
    body {
        background: #f5f5f5;
        color: #262626;
    }
}

@media (luminosity: dim) {
    body {
        background: #e9e4e3;
    }
}

@media (luminosity: washed) {
    body {
        background: #ffffff;
    }
}

Answer 1

此处，在CanIUse上，您可以找到许多CSS属性的更新和当前支持。在这种特定情况下，即使采用非标准方式，也已支持部分4级媒体，例如：

1. ＆＃34; 用于查明媒体查询是否适用于文档的API ＆＃34;
2. ＆＃34; 访问外部设备数据的方法（例如网络摄像头视频流）＆＃34;

Answer 2

PPK正在生成一些media queries support tables并且还有tests you can use yourself。

该规范仍然是一个草案，也许尝试移动Firefox，因为它通过javascript支持某些lightocity。

Answer 3

不，我认为你不能因为常见的不受支持的浏览器，如firefox和opra以及IE *！ 这是关于它的一些资源 Feature: Media Queries: interaction media features

Answer 4

现在它至少可以在 Firefox 上运行。 所以现在你可以像这样编写媒体查询：

@media (width <= 30em) { ... }