我有一个网站可以在桌面网络浏览器中响应而没有问题(www.coolnique.com) - 但是,当它在移动设备上查看时,似乎没有找到正确的屏幕尺寸。
我正在使用的元标记是:
<meta name="viewport" content="width=device-width, initial-scale = 1.0">
我正在iPhone上查看它,视口似乎认为该设备实际上是它的两倍。
如果您在桌面上查看并使用它,然后在移动设备上查看该网站,您将看到我的意思。我不知道还有什么可能影响它!
如果有人想了解更多细节,请告诉我。
谢谢!
答案 0 :(得分:1)
请务必先记住验证您的代码!通过验证器运行CSS时,我收到错误:
Parse Error
/*layouts smaller than 600px, iPhone and mobiles*/
@media only screen and (max-width: 480px), s...
看起来你还没有为之前的媒体查询关闭你的大括号。