1

我一直在为我使用这项新技术(响应式设计),我讨厌我不知道答案的问题,我很沮丧:/

这是我的代码: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 运行良好。

火狐怎么了?

谢谢你的帮助。

4

1 回答 1

7

根据规范,您需要在and和之间留一个空格(。如果你没有它,这不是一个有效的@media规则。

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

于 2013-06-10T07:52:08.890 回答