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