基础5 - 1170网格计算不正确

Question

我已经开始学习基础5并且我有使用1170网格的应用程序，70px列和30px排水沟（70 * 12 + 30 * 11 = 1170）。当我输入我的基础_settings.scss文件的默认值时：

$ row-width：rem-calc（1170）; $ column-gutter：rem-calc（30）; $ total-columns：12;

但是，没有70px宽度的列，单列的宽度为97px。任何人都知道它是如何计算的，也许我错过了一些设置变量？提前谢谢。

我已经知道在Chome中，它会生成一个68px的列，左右各有15px的填充。任何使左右容器填充消失的方法？

Answer 1

我已经解决了我的问题。

事实证明，基础1170网格，实际上是一个1200px的网格，每列的两边都有15px的边距。考虑到我们希望保留较低分辨率的外边距以用于框架装订线，这是个好主意。

所以解决方案是将$ row-width设置为1200。

Answer 2

我没有使用过粉底，但如果你想要，你可以为例如：

创建一个用于填充0的新类

  .nopadding {
    padding:0;
  }

另外我认为设置$ collapse：true会有效。