css - css3 媒体查询正在调整浏览器大小，但在我的 iPhone 上它们似乎不起作用

Question

我正在构建我的 WordPress 博客（用 scss 做 css）。我为所有类型的浏览器大小创建了媒体查询，您可以在此处查看：http: //pastie.org/3846370

当我调整笔记本电脑浏览器的大小时，它们工作得非常好。但是，当我在我的 Iphone 上测试该网站时，他们只是看不到工作。

我还应该提到我确实在标题中包含了正确的元标记

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

我在这里想念什么？

Answer 1

好的，所以我解决了这个问题。

问题是我首先加载最小设备的媒体查询，最后加载最大的，这应该是相反的。您应该从最大的设备宽度开始，以最小的设备宽度结束。

此外，您应该删除 min-width 属性，只保留 max-width。