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

Question

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

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

我认为是尺寸上的图像对于视口(viewport)来说太大了，但即使在删除图像、向图像添加 img-responsive 类以及其他修复尝试后，该网站仍然存在这个问题

是什么导致了所有这些空白？

Answer 1

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

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