0

我一生都无法弄清楚这一点。

我正在开发一个非常简单的网站,当在 iPhone 上查看主页(仅限主页)时,有一个奇怪的水平滚动。

在其他页面上,这不会发生。

我已经通过萤火虫查看是否有任何东西比其他任何地方都愚蠢地宽……但事实并非如此。即使删除页眉和页脚等整个部分也没有什么区别。只有在删除主页上的所有内容后,iPhone 才不会水平滚动。

有问题的网站:http: //bit.ly/YctLKP

似乎主页比任何其他页面都“放大”了一些。那里有什么事情吗?如果是这样,为什么会发生这种情况?

我已经检查了桌面浏览器是否有任何迹象表明宽度存在差异......而且我根本看不出有任何问题。似乎只有在 iPhone 和主页上才会这样做。

我会很感激一些帮助。

我知道该网站本身不是“移动友好型”......但我希望这个特殊问题不会发生。

非常感谢,米奇。

4

3 回答 3

0

我认为问题在于您有固定宽度的元素,例如。990px​​ 宽度声明。

首先,尝试<meta name="viewport" content="width=device-width" />在您的头部内部。

于 2013-04-10T11:13:52.397 回答
0

好的,几个小时后......我仍然无法弄清楚这一点。

最后我不得不使用:

<meta name="viewport" content="width=1030" />

1030 像素是该特定设计将/应该使用的最宽像素。

这似乎至少消除了水平滚动。至于为什么会发生这种情况,而且只发生在一个特定的页面上……我不知道。

希望这可以帮助某人。

于 2013-04-10T11:51:17.913 回答
0

您的标题已在 CSS 中固定为 990px​​。

此外,正如之前的评论所建议的,您必须更正视口以匹配设备宽度。

Safari 提供了很好的响应式设计工具供您使用。在 mac os x 上,从开发菜单打开响应式设计视图或按 alt-command-R。然后,您可以从移动浏览器的角度查看您的网页,并通过右键单击您可以检查网页的问题部分。

于 2016-04-05T13:56:12.020 回答