响应式布局不适用于移动设备

Question

我有一个网站可以在桌面网络浏览器中响应式地运行，没有问题 (www.coolnique.com) - 但是，当在移动设备上查看它时，它似乎没有选择正确的屏幕尺寸。

我使用的元标记是：

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

我在 iPhone 上查看它，视口似乎认为该设备是实际设备的两倍。

如果您在桌面上查看它并使用它，然后在移动设备上查看该网站，您就会明白我的意思。我不知道还有什么影响它！

如果有人想了解更多细节，请告诉我。

谢谢！

Answer 1

永远记得先验证您的代码！通过验证器运行 CSS 时，出现错误：

Parse Error 
/*layouts smaller than 600px, iPhone and mobiles*/ 
@media only screen and (max-width: 480px), s...

您似乎还没有为上一个媒体查询关闭大括号。