仅在小屏幕上位于页面的空白（桌面上的Safari和手机上的Chrome）

Question

我的网站上每个页面的右侧都有一个空白。仅当屏幕宽度小于767像素时才会显示此空白，因此它必须是引起该空白的媒体查询之一，但我找不到原因。我尝试更改宽度以及body元素，#top元素，.header元素和#menu元素的溢出。我怀疑其中一个会引起问题，但我很困惑。奇怪的是，这仅发生在台式机上的Safari上，但在我的手机上也发生在Chrome上。

请在较小的屏幕宽度上查看this website。

有人有什么有用的见解吗？

Answer 1

请检查您正在使用“行”的图像，然后将其删除。那是一个水平滚动，显示

Answer 2

请添加CSS

@media (max-width: 767px){
   html {overflow-x: hidden;}
 }

Answer 3

IT，因为您没有遵循引导框架...无论何时使用row之后必须使用col，例如

<div class="row"></div
  class="col-sm-12">

在上述情况下，您在row中使用header，但此后您没有使用col在行后添加col div或使用

.header {
    overflow: hidden;
}