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。