媒体查询不工作在Firefox(Media queries not working on firef

2019-10-18 06:07发布

我一直在与我(响应式设计),这种新技术,我恨,我不知道答案,我感到很沮丧的问题:/

这里是我的代码: 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为它的价值。



文章来源: Media queries not working on firefox