Question

我们网站的一部分有移动版本，但对于博客部分（我们所有的PHP内容），我们决定只为移动用户提供桌面版网站（目前）。

这在iPad上工作正常，但在iPhone（测试的iPhone 4S / iOS6）上，页面加载缩放到左上角，你无法缩小甚至横向滚动到被切断的内容。

我尝试过使用元视口标记，但没有参数组合似乎可以解决这个问题。我试过了<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi, initial-scale=.75, user-scalable=yes" />

请在iPhone上查看此网址：http://www.finecooking.com/blogs

Answer 1

如果您设置特定高度或overflow: hidden到正文或html或可能是包装，请尝试搜索您的CSS。

Answer 2

首先感谢Craig的answer，因为事实证明overflow:hidden可以body，但html不能iframe。

在我的情况下，这也破坏了嵌入式html, body { /*common stuff */ overflow: hidden; }中的滚动，这很奇怪，但下面的CSS修正了它。

滚动无效：

html, body {
    /* common stuff */
}
body {
    overflow: hidden;
}

滚动将起作用：

{{1}}

Answer 3

这适用于iPad和iPhone：

 <meta name="viewport" content="width=device-width;initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

网站不允许在iOS上缩小或滚动

3 个答案:

滚动无效：

滚动将起作用：