css - $fix-mqs 在 Jake Archibald 的 IE Sass mixins 中做了什么？

Question

我对 http://jakearchibald.github.com/sass-ie/ 中 $fix-mqs 的用途感到困惑。

我可以看到 mixin 的其余部分是如何工作的，但无法弄清楚这部分。我在一个元素中使用了这个模式，如果我忽略它并在旧的 ie 中放置一个固定的宽度，则一切似乎都有效，包括在主体或通用包装元素上，例如:

.l-wrapper {
    @include old-ie {
        width: 960px;
    }
}

所以我的问题是 $fix-mqs 有什么用，它有什么作用？

Answer 1

想法是，当您将 $fix-mqs(固定媒体查询)设置为特定宽度时，respond-min() mixin 将充当您的媒体查询。您最终会得到一个仅包含适用于定义的宽度且没有媒体查询的样式的文档。

例如，如果 $fix-mqs: 700px(大致桌面大小)并且您调用了 respond-min(400px)，那么它不会发出那些样式因为它们太小了。当您调用 respond-min(800px) 时，它会生成样式。

不过，它不仅仅适用于 IE。一些非常老旧的移动设备也不理解媒体查询。虽然大多数人建议您的媒体查询“移动优先”，但有一些非常具有破坏性的样式(通常很难撤消)我只会在它是窄设备时应用(例如重新格式化宽表以垂直显示) .