为什么这些CSS媒体查询在Firefox中不起作用？我检查了语法，它们在其他地方工作

Question

我无法弄清楚为什么这些在Firefox中不起作用。我能找到的所有文档都说它们是正确的，并且它们应该在没有问题的情况下在这个版本的Firefox中工作（23.0.1）。

以下是Mozilla Developer的文档，我正在关注https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

我还阅读了其他二十几个文档，但似乎都与早期版本的Firefox以及工具栏/视口的问题有关。

这是代码..在其他浏览器中像魅力一样工作（必须删除开始和结束标记才能显示代码）

link rel="stylesheet" media="(min-width: 1800px) and (max-width: 5000px)" href="/css/styles_1920.css"

link rel="stylesheet" media="(min-width: 300px) and (max-width: 1799px)" href="/css/styles_1024.css"

这是网站（正在进行的总工作量）http://www.systematic.io/test

我花了最近两周的时间在stackoverflow上构建这个东西，没有使用jquery的经验。几乎解决了我的所有问题，除了这一个。感谢所有在此发帖的人，以便其他人可以学习！

Answer 1

你应该在脑海里添加这个：

<meta name="viewport" content="width=device-width">