整个网站响应但仍然可以向右滚动

Question

我正在研究http://preview.j64e7zzvo82p4x6r4fdjze6piimmfgviwsruf9j89pidaemi.box.codeanywhere.com/并且几乎完成了响应。

但出于某种原因，当浏览器的大小设置为宽度低于991px时，它会在右侧创建空白。所有内容都会捕捉到屏幕大小，但在一天结束时，您仍然可以向右滚动，因为所有的空白区域都会看到一个大的黑色背景。

我认为大小的图像对于视口来说很大，但即使在删除图像后，将img-responsive类添加到图像中，以及其他尝试修复，该网站仍然存在这个问题

导致所有这些空白的原因是什么？

Answer 1

#ctaButtons的规则具有固定宽度。尝试将其替换为auto：

#ctaButtons {
  width: auto;
  height: 120px;
  padding: 20px;
  margin: 0 auto;
}

Answer 2

添加此修复后的内容 - 您从我所看到的内容中缺少视口代码 - 例如：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

您可以阅读更多内容 - 第三段http://getbootstrap.com/css/

编辑，实际上我必须尝试过，当你申请修复时......我仍然会把视口放进去！...

Answer 3

尝试将overflow-x: hidden;添加到您的容器<div>。