2013-11-24 50 views
0

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

我期待的是,当我有$container-style: static任何内部列的宽度将获得像素宽度,但他们没有。如果设置了$container-style: fluid,则将应用百分比宽度。

我误解了$container-style的工作原理吗?任何指针将不胜感激。

回答

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

+0

谢谢@Eric。我确实认为这可能是网格的冲突不会加起来。摆脱'$容器宽度'确实解决了我提到的问题。 – Qasim