18

我正在创建一个网站（我对此很陌生）。我正在研究设计的功能部分，稍后我会让人做图形。

目前，当它进入响应式（移动视图）时，它会在右侧留下 2px 的边距，可在移动浏览器上移动（并且可滚动）。我这辈子都无法摆脱它。

如果我打开overflow-x: hidden，那么它确实变得不可滚动但仍然可以移动。

我希望多余的空间消失。我没有看到它在任何 CSS 中定义为填充。

使用引导 2.3

4

6 回答 6

62

通过将此添加到我的自定义 css 来解决：

html, body {
  width: auto !important;
  overflow-x: hidden !important;
}

注意：!important仅被使用，因此它优先于其他 CSS。!important如果您在引导 CSS 之后加载自定义 CSS，则大多数实例都不需要。

于 2013-06-09T03:11:07.347 回答
3

我知道我在这里玩游戏太晚了，但我首先弄清楚了为什么会发生这种情况。如果您使用的是导航栏，则 navbar-right 元素中有一些不应该存在的额外填充。它有 15px 的边距，导致了这个差距。覆盖它并解决问题！

于 2014-11-20T02:06:46.323 回答
1

我试过这样做，但它只适用于基于浏览器的移动模拟器。当我调整浏览器大小时，它也能很好地工作。

但是，当我在手机上查看它——三星 Galaxy S2 和 iPhone 5 时，它仍然向我显示空白区域。

我也试过：

@media handheld and (max-width: 481px) and (orientation: portrait) {
  html,body{width:100%;overflow-x:hidden;}
}

@media handheld and (max-width: 380px) and (orientation: portrait) {
  html,body{width:100%;overflow-x:hidden;}
}
于 2014-08-26T17:45:46.363 回答
1

用in body 和.css 文件替换.containerclass就可以了 。.container-fluidpadding right and left : 0px;

于 2015-08-31T13:37:49.317 回答
0

我通过简单地将 .row 包装在另一个 .container-fluid 类元素中解决了这个问题。这应该注意边距。

于 2014-10-01T08:56:40.797 回答
0

删除左边距，右边距

并改变

    <div class="navbar">
    <div class="navbar-inner navbar-fixed-top">

至

    <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">`
于 2013-06-09T01:32:37.367 回答