基础设置错误的列宽答案

【问题标题】：Foundation set wrong column width基础设置错误的列宽
【发布时间】：2016-06-14 19:05:56
【问题描述】：

我正在使用 Foundation 6 的 Sass 版本。我在列的宽度上遇到了一个以前从未遇到过的烦人问题。

这是我的简单 HTML 代码

<div class="foo">
  <div class="foo__row">
    <div class="foo__title">Lorem ipsum</div>
  </div>
</div>

这就是 SCSS

.foo{
  &__row{
    @include grid-row;
  }
  &__title{
    @include grid-column(12);
  }
}

但 CSS 将 foo__title 的宽度设置为 150% 而不是 100%。

有人知道为什么吗？我要疯了

【问题讨论】：

【解决方案1】：

我可以看到你在你的类中包含了一个名为：grid-column(12) 的混合：

&__title{
    @include grid-column(12);
}

在我们的项目中搜索：grid-column(12)，看看里面是什么，我很确定你会在上面的结果中得到那个混合。

【讨论】：

【解决方案2】：

解决了！我注意到有一行声明为

@include grid-row(8);

所以网格系统基于 8 列而不是 12 列。

【讨论】：