2

对于这个问题中缺少代码示例,我深表歉意,但我什至不知道该放什么。如果您访问此页面:

http://www.theplaybook.co

您会注意到,如果将浏览器窗口的大小调整为移动设备大小,页面右侧会出现较大的白边。

我似乎无法弄清楚为什么会这样。有任何想法吗?

4

2 回答 2

2

它来自这个填充:

 @media (max-width: 767px){
    body {
        padding-right: 20px;
        padding-left: 20px;
    }
 }

行:来自该文件的 803 > http://theplaybook.co/wp-content/themes/playbook/css/bootstrap-responsive.css?ver=3.5.2

回应您的评论:(试试这个

 @media (max-width: 767px){
    .navbar {
       padding:0 20px;
    } 
 }
于 2013-07-23T16:12:21.087 回答
1

在 bootstrap-responsive.css 中,在较小的窗口尺寸下,主体在左侧和右侧获得 20 像素的填充。如果您根本不想这样做,请将其从您的版本中删除。它位于第 803 行,如下所示:

@media (max-width: 767px) {
  /*body { These are the lines you want to remove
    padding-right: 20px; 
    padding-left: 20px;
  }*/

如果您只想删除某个元素或类上的空白,请将这些边距添加到其中:

 margin-left:-20px;
 margin-right:-20px;

取自我在Twitter Bootstrap 上的回答:屏幕宽度较小时左侧和右侧的空白?

于 2013-07-23T16:29:32.247 回答