Question

我是Jquery移动网站的新手，但我使用Jquery制作了这个移动网站。但是当我在我的Iphone 4s上查看它时，它并没有像移动网站那样加载。相反，它看起来像一个很远的桌面站点。有人可以告诉我我做错了什么以及如何解决它？

谢谢，

谢

Answer 1

您唯一缺少视口缩放的元标记。

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

除此之外一切都很好。

查看此JS书签，了解您的设计在iPhone或其他移动设备中的外观如何：

对于iPhone分辨率，分辨率可以在这里找到：iPhone resoltions，注意尽管iphone 4的实际分辨率，像素密度是双倍的，因此分辨率降低了一半。

Answer 2

尝试将此行添加到head代码中：

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

这会将您的视口设置为正常比例。大多数移动浏览器都会默认缩放页面。

width属性设置为device-width，强制窗口宽度与设备宽度相同（doh！）。 initial-scale设置浏览器打开页面时的比例。最后，maximum-scale=1禁止用户缩小。