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

【问题标题】：Web site does not allow zooming out or scrolling on iOS网站不允许在 iOS 上缩小或滚动
【发布时间】：2014-06-01 22:28:55
【问题描述】：

我们的部分网站有移动版本，但对于博客部分（我们所有的 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

【问题讨论】：

标签： html safari ios6 mobile-safari viewport

【解决方案1】：

如果您将特定高度或 overflow: hidden 设置为 body 或 html 或包装器，请尝试在您的 css 上进行搜索。

【讨论】：

【解决方案2】：

首先感谢克雷格的answer，事实证明你可以在body 上拥有overflow:hidden，但不能在html 上。

在我的情况下，这也破坏了嵌入式 iframe 中的滚动，这很奇怪，但下面的 css 修复了它。

滚动不起作用：

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

滚动将起作用：

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

【讨论】：

【解决方案3】：

这适用于 iPad 和 iPhone：

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

【讨论】：

不是我想要做的。当我尝试你的代码时，网站一直放大，我仍然无法缩小或水平滚动以查看裁剪的内容。跨度>
那个语法错误，应该是：