【问题标题】:Really strange white gap on mobile devices移动设备上真的很奇怪的白色间隙
【发布时间】:2016-11-14 21:16:08
【问题描述】:

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

我试着...

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

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

有人知道吗?

这是链接:tomasperone.esy.es。

谢谢。

【问题讨论】:

    标签: html css mobile web


    【解决方案1】:

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

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

    希望这会有所帮助!

    【讨论】:

    • 它没有。它不仅发生在 iPhone 上。它也发生在 Android 设备上。例如,它发生在我的摩托罗拉上。不过还是谢谢。
    • 作为快速修复 - 将 'overflow: hidden' 添加到 .container 类。 '.container, .container-fluid:overflow: hidden;'
    • 谢谢!!有效。出于某种奇怪的原因,它奏效了。
    猜你喜欢
    • 1970-01-01
    • 2012-11-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多