在移动设备上真的很奇怪的白色差距

时间:2016-11-14 21:16:08

标签: html css mobile web

我知道其他人之前已经在StackOverflow上询问了这个问题,但是我已经尝试解决这个问题好几天已经没有运气了。我的网站在电脑上看起来很棒,但是当我在手机上测试时,显示屏的右侧会出现一个非常烦人的空白区域。

我试着......

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

就像那个白色空间中有一个“幽灵”,因为我还从所有元素中删除了所有“填充左”和“左边距”。什么都没有。

有没有人有线索?

这是链接:tomasperone.esy.es。

谢谢。

1 个答案:

答案 0 :(得分:1)

作为快速解决方案 - 添加&溢出:隐藏'进入'容器'类。

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

希望这有帮助!