布局右侧的空白区域

Question

刚刚为我的公司在http://awesome.redfishbluefishmedia.com 建立了一个网站，我注意到一个奇怪的问题。

仅当您的浏览器开始宽度约为 1000 像素时，我才会在页面右侧看到空白区域（这是一个问题，因为 iPhone 以大约该尺寸显示它，并且在加载主页时它在 iPhone 上非常明显第一次打开页面，因为主页上会出现一个 Fancybox 弹出窗口）。你可以滚动到比你应该能够滚动的更远的地方。

它是侧面的一条带，在搜索了元素后，我找不到任何似乎将它推过去的东西（可能除了主页上的滑块，但这个问题也出现在其他页面上)。

有人可以帮忙吗？想不通，我觉得这一定很明显。

使用 960.gs 网格来标准化我的布局。

更新：我添加了这个...

body, html {
     overflow-x: hidden;
}

我认为这解决了我的问题，但我仍然不知道为什么我会看到滚动问题；如果有人能启发，你仍然会非常感激。

Answer 1

您好，现在只需删除 overflow-x: hidden 并在您的 body 和 html 标签中添加 min-width，如下所示

body, html {
    min-width: 1207px; // add this line 
    overflow-x: hidden; // remove this line 
}