媒体查询无法在Firefox上运行

Question

我一直在为这项新技术(响应设计)工作,我讨厌我不知道答案的问题,我感到沮丧:/

这是我的代码:http://jsbin.com/ejadej/1

使用最新版本的Chrome,我看到该网站应该如何通过我的代码,而Firefox不会阅读此媒体查询

@media screen and(min-width: 960px) {
    #php-info-title {
        background-color: #322E2C;
        position: absolute;
        left:100px;
        bottom: 0px;
        color:white;
        z-index: 0;
        max-width: 300px;
    }
}

它只是忽略它(如果我删除媒体查询它运作良好,但我不想这样做).

奇怪的是,通过上面写的其他媒体查询,Firefox运行良好.

Firefox发生了什么？

谢谢你的帮助.

Answer 1

按规格,你需要之间的空间and和(.如果您没有,则不是有效@media规则.

我提交了https://bugs.webkit.org/show_bug.cgi?id=117396和http://code.google.com/p/chromium/issues/detail?id=248043,了解它的价值.