compass-sass - 使用 Susy One 断点输出的指导

Question

我正在使用 odbird 的 susy 框架，并将我的大型桌面媒体查询设置为有一个类，该类在我使用 H5BP 时写出带有“lt-ie9”类的大断点。

我遇到的问题是设置断点输出变量，即 $breakpoint-media-output。

理想情况下，我想要实现的是在我的单个样式表中隐藏 IE 中的较小断点，或者创建一个单独的 IE 表，其中只有 ie 代码。

Answer 1

如果较小的断点位于媒体查询中，它们将从旧版本的 IE 中隐藏。这不需要 Susy 的任何帮助 - 不支持媒体查询的浏览器将忽略其所有内容。如果您确实想设置一个特殊的 IE 样式表，您有几个选择。如果您将所有代码都放在部分中，这是最简单的，然后将这些部分导入到您的各种输出文件中。在每个输出文件中导入部分之前设置这些变量。

为现代浏览器输出代码：

$breakpoint-media-output: true;
$breakpoint-ie-output: false;

输出 IE 的代码：

$breakpoint-media-output: false;
$breakpoint-ie-output: true;