Html 我的站点侧面的奇怪边距/填充 我使用我的WordPress构建的基础框架。我似乎不明白为什么当我在平板电脑或手机视图中看到右边有这么奇怪的边距或填充物

有人见过这个或者知道修复方法吗

这是我的开发网站。如果您将浏览器的大小缩小到平板电脑或手机大小，并向左或向右滚动，它将显示出来

我用的是铬

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或body，但我不是很确定

---

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

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

您可以通过以下方式轻松解决此问题：

---

最大宽度：100%

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

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！不幸的是，这不起作用，谢谢你的关注