CSS 媒体查询适用于 Chrome，但不适用于 firefox 或 safari答案

【问题标题】：CSS Media queries works in Chrome but not firefox or safariCSS 媒体查询适用于 Chrome，但不适用于 firefox 或 safari
【发布时间】：2015-10-05 06:16:49
【问题描述】：

我是 stackoverflow 的新手，非常感谢并就此事提供帮助/意见。

我一直在研究一个网站，它在 chrome 上运行良好，并且可以响应不同的设备尺寸。我在许多设备上对其进行了测试。但是，在 Firefox 上，它在我设计的 27 英寸 mac 上看起来不错，但在较小的屏幕设备上它不起作用。就好像它根本没有检测到媒体查询。

这是该网站的链接：www.ujimatrading.com

这里是媒体查询 css 的粘贴：http://pastebin.com/uQgzxeTQ

抱歉，我是一名后端开发人员，并不真正喜欢前端的东西，所以任何提示都将受到高度赞赏。

非常感谢

【问题讨论】：

一些 HTML 会很好。
我认为你可以使用浏览器查看源代码来获得它？
您在问问题，我们随时为您提供帮助。不要给我们带来困难 - 让我们轻松为您提供帮助。 =)
好吧，抱歉我太粗鲁了 :) 这有帮助吗？ jsfiddle.net/jmc1u42s

标签： html css firefox media-queries

【解决方案1】：

你的嵌套不好。

尝试像这样清理它：

@media screen and (max-width://pixels) { 

}
@media screen and (max-width://pixels) {

}

【讨论】：

运气不好，我检查了带有崇高文本的大括号并且它们匹配，还添加了元标记，也没有运气:(

【解决方案2】：

听起来好像还没有设置视口。尝试将此添加到您的 html 代码中：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

解释here

【讨论】：