2016-11-14 63 views
1

我知道其他人在StackOverflow之前已经询问过这个问题,但我一直试图解决这个问题几天,但没有运气。我的网站在电脑上看起来很棒,但是当我在移动设备上测试它时,显示屏右侧会出现一个令人讨厌的白色空间。移动设备上真的很奇怪的白色差距

我想...

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

就好像有一个“幽灵”躺在那个白色空间里,因为我也从所有元素中删除了所有的“填充左”和“空白左”。没有。

有没有人有线索?

这里是链接:tomasperone.esy.es。

谢谢。

回答

1

作为一个快速修复 - 将“overflow:hidden”添加到“容器”类中。

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

希望这有助于!

+0

它没有。它不仅仅发生在iPhone上。它也发生在Android设备上。例如,它发生在我的摩托罗拉上。不过谢谢。 –

+1

作为一个快速修复 - 为.container类添加“overflow:hidden”。 '.container,.container-fluid:overflow:hidden;' –

+0

谢谢!有效。出于某种奇怪的原因,它起作用了。 –