我已经开始学习基础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的填充 . 任何方法使左右容器填充消失?
2 回答
我发现了我的问题 .
事实证明,基础1170网格,实际上是一个1200px的网格,每列的两边都有15px的边距 . 考虑到我们希望保持框架装订线的较低分辨率的外边距,这实际上是个好主意 .
所以解决方案是将$ row-width设置为1200 .
我没有使用过基础但是如果你想要你可以创建一个用于填充0的新类,例如:
另外我认为设置$ collapse:true会起作用 .