白色 space 仅在小屏幕上来自页面（桌面上的 Safari 和移动设备 Chrome 上的 phone）

Question

我网站上每个页面的右侧都有一个白色的space。这个白色 space 仅在屏幕宽度小于 767 像素时出现，因此它一定是导致它的媒体查询之一，但我找不到原因。我尝试更改 body 元素以及 #top 元素、.header 元素和 #menu 元素的宽度和溢出。我怀疑其中之一会导致问题，但我很困惑。奇怪的是，这只发生在我桌面上的 Safari 上，但在我的手机 phone 上也会发生 Chrome。

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

有没有人有任何有用的见解？

Answer 1

请加Css

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

Answer 2

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

Answer 3

IT because you didn't follow bootstrap framework...When ever you use row you must use col after that like <div class="row"></div class="col-sm-12">

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

.header {
    overflow: hidden;
}