0

问题

是否有可能做Susy 的逆操作:流畅布局到第二个断点——或者换句话说,有一个 Susy 网格static直到一个断点然后magic超出那个点?

我承认,我不是在制作一个支持移动设备的网站。相反,我想将网格系统的一些流体元素用于不同的显示器尺寸,然后在浏览器窗口太小时“关闭”此功能。

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

$container-style: static;

然后在我的具体@at-breakpoint做这样的事情

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

但是,这没有(明显的)效果。

迄今为止的研究

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

<$style>:可选择返回网格计算的静态长度。默认值:$ 容器样式。

这是否意味着您只能获得静态(来自“魔术”或“流体”)。

4

1 回答 1

2

检查容器相关的 css 输出。“静态”容器和“魔术”容器之间的区别在于我们是否width使用max-width. 如果您已经将容器宽度设置为30em(例如),那么添加 max-width50em不会改变任何内容。您还必须删除以前的宽度设置。您可以使用更具体的媒体查询来做到这一点,也可以简单地添加width: auto;新的容器宽度设置。

于 2013-05-02T21:56:32.427 回答