Question

所以即时使用我的wordpress构建的基础框架。我似乎无法弄清楚为什么当我下载到平板电脑或移动视图时，我会在右侧获得这个奇怪的边距或填充。

有人见过这个或知道修复？

继承我的开发网站。如果您将浏览器调整为平板电脑或手机大小，并向左或向右滚动，则会显示。

我正在使用Chrome

body {
    background: url(../img/dark-grungewall.jpg) repeat;
    height: auto;
}

.site-container {
    background: #fff;
    box-shadow: 0.5px 0.866px 63px 0px rgba(0, 0, 0, 0.83);
    width: 100%;
    margin: 0 auto;
}

.row {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

我想说这个错误来自我的包含div或身体，但我不确定。

http://dev.solarinnovations.com/

Answer 1

在代码的这一部分中，您设置了最大宽度。此最大宽度阻止网站在整个窗口中拉伸。

.row {
  margin: 0 auto;
  max-width: 87.5em;
  width: 100%;
}

您可以通过以下方式轻松修复： max-width:100%;

Answer 2

过去使用Bootstrap中的.row类时发生了这种情况。尝试将overflow:hidden放在包装器/容器类的样式部分中，看看它是否解决了问题。

我网站侧面的奇怪边距/填充

2 个答案: