Susy $ container-style static - 改为魔术

时间:2013-05-02 20:48:36

标签: compass-sass susy-compass

问题

是否可以执行Susy: fluid layout up to the second breakpoint的倒数 - 换句话说,有一个Susy网格,static直到中断,然后magic超过该点?

我承认,我不是在准备一个可移动设备的网站。相反,我希望将网格系统的一些流体元素用于不同的监视器大小,然后在浏览器窗口太小时“关闭”此功能。

通过阅读文档,我认为我应该设置我的全局变量

$container-style: static;

然后在我的特定@at-breakpoint做类似的事情

@at-breakpoint(XX) {
    @include set-container-width(yy, magic)

然而,这没有(可辨别的)效果。

远远研究

set-container-width中,我看到$ container-style参数

  

< $ style>:可选择返回网格计算的静态长度。默认值:$ container-style。

这是否意味着你只能静态(来自'magic'或'fluid')。

1 个答案:

答案 0 :(得分:2)

检查与容器相关的css输出。 “静态”容器与“魔法”容器之间的区别在于我们是使用width还是max-width。如果您已将容器宽度设置为30em(例如),则添加最大宽度50em将不会更改任何内容。您还必须删除以前的宽度设置。您可以使用更具体的媒体查询,或者只是添加width: auto;以及新的容器宽度设置。