媒体查询不适用于 Firefox

Posted 2023-03-06

【中文标题】媒体查询不适用于 Firefox

【英文标题】：Media queries not working on firefox

【发布时间】：2013-06-05 17:57:51

【问题描述】：

我一直在为我使用这项新技术（响应式设计），我讨厌我不知道答案的问题，我很沮丧：/

这是我的代码：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 发生了什么？

感谢您的帮助。

【参考方案1】：

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

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

【讨论】：

Jajaj 是对的人！谢谢..多么愚蠢的问题。我不习惯关注那些小细节，但显然 firefox 会。

谢谢@boris ...我在火狐中也遇到了同样的问题，尽管我的代码没有空间问题。但是当我将缩小的 css 包含到我的 index.html 中时，我不得不面对这个.. 它现在已修复 :)