对于这个问题中缺少代码示例,我深表歉意,但我什至不知道该放什么。如果您访问此页面:
您会注意到,如果将浏览器窗口的大小调整为移动设备大小,页面右侧会出现较大的白边。
我似乎无法弄清楚为什么会这样。有任何想法吗?
对于这个问题中缺少代码示例,我深表歉意,但我什至不知道该放什么。如果您访问此页面:
您会注意到,如果将浏览器窗口的大小调整为移动设备大小,页面右侧会出现较大的白边。
我似乎无法弄清楚为什么会这样。有任何想法吗?
它来自这个填充:
@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;
}
}
在 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;