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