jquery - 移动网站看起来不移动

Question

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

您可以在这里找到该网站:http://www.rodgersgroupllc.com/mobile/

谢谢

弗兰克

Answer 1

您唯一缺少用于视口(viewport)缩放的元标记。

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

除此之外一切都很好。

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

http://responsive.victorcoulon.fr/

对于 iPhone 分辨率，可以在此处找到分辨率:iPhone resoltions ，请注意，尽管 iPhone 4 的实际分辨率相同，但像素密度是双倍，因此分辨率减半。