html - 移动设备上真的很奇怪的白色间隙

Question

我知道其他人之前已经在 StackOverflow 上问过这个问题，但我已经尝试解决这个问题好几天了，但没有成功。我的网站在电脑上看起来很棒，但当我在移动设备上测试时，显示屏右侧会出现一个非常烦人的空白区域。

我试着...

• 设置overflow-x:隐藏在body上；
• 设置 overflow-x: hidden on the html (它影响滚动);
• 在 body 和 html 上设置宽度:100%；
• 我尝试移除导航栏，它显然溢出了正文，但这并没有解决我的问题。

就像那个空白处有一个“幽灵”，因为我还从所有元素中删除了所有“padding-left”和“margin-left”。什么都没有。

有人知道吗？

这是链接:tomasperone.esy.es。

谢谢。

Answer 1

作为快速修复 - 将“溢出:隐藏”添加到“容器”类。

.container, .container-fluid:overflow: hidden;

希望这对您有所帮助!