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