使用 Susy One 断点输出的指导

【问题标题】：Guidance using Susy One Breakpoint Output使用 Susy One 断点输出的指导
【发布时间】：2014-02-27 22:58:44
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

为现代浏览器输出代码：

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

为IE输出代码：

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

【讨论】：