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

时间:2015-08-05 20:37:36

标签: html css wordpress zurb-foundation margin

所以即时使用我的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/

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

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

相关问题