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

时间:2013-09-03 16:42:44

标签: html css mobile responsive-design

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

我正在使用的元标记是:

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

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

如果您在桌面上查看并使用它,然后在移动设备上查看该网站,您将看到我的意思。我不知道还有什么可能影响它!

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

谢谢!

1 个答案:

答案 0 :(得分:1)

请务必先记住验证您的代码!通过验证器运行CSS时,我收到错误:

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

看起来你还没有为之前的媒体查询关闭你的大括号。