刚刚在 http://awesome.redfishbluefishmedia.com 为我的公司建立了一个网站,我注意到一个奇怪的问题。
仅当您的浏览器开始时宽度约为 1000 像素时,我才在页面右侧看到空白区域(这是一个问题,因为 iPhone 显示的尺寸大约是这个尺寸,并且在加载主页时在 iPhone 上非常明显页面,因为有一个 Fancybox 弹出窗口在主页上出现一次)。你可以滚动得比你本质上应该能够滚动的更远。
它是侧面的一个 strip ,搜索了所有元素后,我找不到任何似乎将其推倒的东西(主页上的 slider 可能除外,但其他页面也存在此问题).
有人可以帮忙吗?想不通,我觉得这一定是显而易见的事情。
使用 960.gs 网格来标准化我的布局。
更新:我添加了这个...
body, html {
overflow-x: hidden;
}
我认为这解决了我的问题,但我仍然不知道为什么会看到滚动问题;如果有人能启发,你仍然会非常感激。
最佳答案
您好,现在只需删除 overflow-x: hidden
并在您的 body
和 html
中添加 min-width
像这样标记
body, html {
min-width: 1207px; // add this line
overflow-x: hidden; // remove this line
}
关于html - 布局右侧的空白区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11304272/