Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/unit-testing/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 在手机上查看我的twitter引导站点时,会在侧面添加一个20px的边沟。我该怎么阻止这一切?_Twitter Bootstrap - Fatal编程技术网

Twitter bootstrap 在手机上查看我的twitter引导站点时,会在侧面添加一个20px的边沟。我该怎么阻止这一切?

Twitter bootstrap 在手机上查看我的twitter引导站点时,会在侧面添加一个20px的边沟。我该怎么阻止这一切?,twitter-bootstrap,Twitter Bootstrap,在手机上查看我的推特引导网站时,每侧都有20px的排水沟。这将阻止任何接触桌面边缘的内容在移动设备上进行接触。当在手机上浏览时,twitter引导主页本身没有这些排水沟 其他网站说,放置一个body{padding left:0;padding right:0}会有所帮助,但这会造成另一个问题,即弄乱导航栏 有什么线索吗?尝试在引导CSS之后添加此CSS: @media (max-width: 767px) { body { padding-right: 0; padding

在手机上查看我的推特引导网站时,每侧都有20px的排水沟。这将阻止任何接触桌面边缘的内容在移动设备上进行接触。当在手机上浏览时,twitter引导主页本身没有这些排水沟

其他网站说,放置一个body{padding left:0;padding right:0}会有所帮助,但这会造成另一个问题,即弄乱导航栏


有什么线索吗?

尝试在引导CSS之后添加此CSS:

@media (max-width: 767px) {
  body {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: 0;
    margin-left: 0;
  }
}

上面的答案并没有为我解决同样的问题……但却引导我找到了自己的解决方案

@media (max-width: 767px) {
    body {
        position: absolute;
    }
}
不带位置:绝对位置;在body标签上,我在文档右侧的小屏幕(如iPhone)上看到了一个巨大的排水沟。但当我加上位置:绝对;对于body标签,我在大型桌面屏幕上看到了相同的边沟。把它放在上面的媒体查询中,我就解决了这个问题

我欢迎解释为什么会发生这种情况


我正在使用bootstrap 3.0 final

我们可以有一个链接吗?是的,在@shim,不客气!请点击左侧的复选框,将此答案标记为已接受答案。