1

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

您可以在此处找到该网站：http ://www.rodgersgroupllc.com/mobile/

谢谢，

坦率

4

2 回答 2

4

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

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

除此之外一切都很好。

查看这个 JS 书签，快速了解您的设计在 iphone 或其他移动设备中的外观：

http://responsive.victorcoulon.fr/

对于 iPhone 分辨率，可以在此处找到分辨率：iPhone 分辨率，请注意，尽管 iphone 4 的实际分辨率是，像素密度是两倍，因此分辨率是一半。

于 2013-01-18T08:18:48.367 回答
2

尝试将此行添加到您的head标签：

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

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

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

欲了解更多信息：https ://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

于 2013-01-18T08:18:58.543 回答