susy容器式固定宽度

时间:2013-11-24 22:57:16

标签: susy-compass

我有一个问题,其中susy网格似乎没有将固定宽度应用于内部列。这是我的问题http://sassmeister.com/gist/7633527

我所期待的是,当我$container-style: static时,任何内部列宽都会获得像素宽度,但事实并非如此。如果设置了$container-style: fluid,则将应用百分比宽度。

我是否误解了$container-style的工作原理?任何指针都会受到赞赏。

1 个答案:

答案 0 :(得分:0)

你是对的,但在这种情况下,你为Susy提供了相互矛盾的设置。您的基本网格设置(80px列,20px排水沟和20px网格填充)不会与$container-width设置相加:

(12*80px)+(13*20px) = 1220px != 1180px

真的,Susy应该在这种情况下抛出一个错误(在Susy 2.0中它会)。但1.x是围绕流体内部构造构建的,并且是一个控制整体宽度/样式的容器。所以在1.x中,当Susy无法使静态数字相加时,它只是使用容器上的容器设置,以及列/装订线设置来获得内部元素的正确比例。

如果您想要完全静态网格,则需要摆脱$container-width设置。如果您需要1180px网格,请确保您的列/装订线/填充符合1180px