首页 文章

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

提问于
浏览
0

我已经开始学习基础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 回答

  • 0

    我发现了我的问题 .

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

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

  • 1

    我没有使用过基础但是如果你想要你可以创建一个用于填充0的新类,例如:

    .nopadding {
        padding:0;
      }
    

    另外我认为设置$ collapse:true会起作用 .

相关问题