我一生都无法弄清楚这一点。
我正在开发一个非常简单的网站，当在 iPhone 上查看主页（仅限主页）时，有一个奇怪的水平滚动。
在其他页面上，这不会发生。
我已经通过萤火虫查看是否有任何东西比其他任何地方都愚蠢地宽……但事实并非如此。即使删除页眉和页脚等整个部分也没有什么区别。只有在删除主页上的所有内容后，iPhone 才不会水平滚动。
有问题的网站：http: //bit.ly/YctLKP
似乎主页比任何其他页面都“放大”了一些。那里有什么事情吗？如果是这样，为什么会发生这种情况？
我已经检查了桌面浏览器是否有任何迹象表明宽度存在差异......而且我根本看不出有任何问题。似乎只有在 iPhone 和主页上才会这样做。
我会很感激一些帮助。
我知道该网站本身不是“移动友好型”......但我希望这个特殊问题不会发生。
非常感谢，米奇。
我认为问题在于您有固定宽度的元素，例如。990px 宽度声明。
首先，尝试<meta name="viewport" content="width=device-width" />在您的头部内部。
好的，几个小时后......我仍然无法弄清楚这一点。
最后我不得不使用：
<meta name="viewport" content="width=1030" />
1030 像素是该特定设计将/应该使用的最宽像素。
这似乎至少消除了水平滚动。至于为什么会发生这种情况，而且只发生在一个特定的页面上……我不知道。
希望这可以帮助某人。
您的标题已在 CSS 中固定为 990px。
此外，正如之前的评论所建议的，您必须更正视口以匹配设备宽度。
Safari 提供了很好的响应式设计工具供您使用。在 mac os x 上，从开发菜单打开响应式设计视图或按 alt-command-R。然后，您可以从移动浏览器的角度查看您的网页，并通过右键单击您可以检查网页的问题部分。