html - 布局右侧的空白区域

Question

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

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

它是侧面的一个 strip ，搜索了所有元素后，我找不到任何似乎将其推倒的东西(主页上的 slider 可能除外，但其他页面也存在此问题).

有人可以帮忙吗？想不通，我觉得这一定是显而易见的事情。

使用 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 
}