iphone - 当窗口低于特定宽度时导致滚动条出现的隐藏元素

Question

我遇到了最奇怪的问题。我正在尝试制作适合以下分辨率的页面:

width: 640;
height: 960;

对于苹果手机。但是有一个隐藏的元素，我无法使用 Developer 工具栏或 Firebug 访问它，它会在我的页面右侧额外添加 100 像素。

我已经为 html、正文和主容器设置了正确的高度和宽度，但我仍然遇到同样的问题。

您可以通过转到下一页并将屏幕大小调整到刚好低于 740 像素宽来重现该问题。当您执行此操作时，您会看到大约 740 像素的水平滚动条弹出窗口。这是一个 example page问题。

在将窗口调整为 640 像素宽度之前，滚动条不应弹出，因为我已将所有元素分配给它。

主要的整体问题是，当在 iphone4 上查看时，屏幕右侧有一个 100 像素的间隙，无论我做什么我都无法摆脱，因为某些元素使页面宽度为 740 像素而不是 640 .

我的老板和我已经为此工作了几个小时，但仍然无法弄清楚是什么导致了右侧多出 100 个像素。

如有任何建议，我们将不胜感激。

Answer 1

将 overflow: hidden 放在您的 HTML CSS 属性上。不确定该元素来自何处，但这将阻止任何东西使滚动条出现。