2

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

我使用的元标记是：

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

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

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

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

谢谢！

4

1 回答 1

1

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

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

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

于 2013-09-03T17:08:33.277 回答