基础：对 $medium-screen 变量和 _grid-5.scss 的混淆答案

【问题标题】：Foundation: confusion over $medium-screen variable and _grid-5.scss基础：对 $medium-screen 变量和 _grid-5.scss 的混淆
【发布时间】：2013-08-20 20:15:56
【问题描述】：

我正在使用 Zurb Foundation Sass 版本 4.3，并且几天前才开始使用该框架，因此为我的无知道歉。

目前我依靠$small 和$large 媒体查询变量，以及small- 和large- 类名来改变我的网站在不同维度的布局。

我目前的理解：

“小”表示低于$small-screen 的值（例如@media only screen）
“大”表示任何高于$small-screen 的值（例如@media #{$small}）

现在我想，当使用_grid-5.scss 组件文件给我medium- 类名时，它将使用$medium 的值（例如@media #{$media}）并更改“大”的含义

我希望它会变成：

“小”是指低于$small-screen 的值（例如@media only screen）
“中”是指任何高于$small-screen 的值（例如@media #{$small}）
“大”表示任何高于$medium-screen 的值（例如@media #{$medium}）

但是$medium 变量和medium- 类名之间没有关系！事实上，媒体查询维度被硬编码为_grid-5.scss。

我真的很困惑。

如果有人能够回答以下问题，那将是最有帮助的：

为什么$medium-screen 变量和medium- 网格类之间没有关系？
我应该同时导入_grid.scss 和_grid-5.scss 组件吗？
是否有更好的文档来描述_grid-5.scss 文件的正确使用以及如何使用$small、$medium 和$large 变量？

【问题讨论】：

标签： sass compass-sass zurb-foundation

【解决方案1】：

感谢 Foundation Framework 邮件列表/google 组上的 DNFS，我现在对此事进行了澄清。

回答我自己的问题：

Why is there no relationship between the $medium-screen variable and the medium- grid classes?

这是一个错误，最近已修复：https://github.com/zurb/foundation/commit/ae4fa9027acfee0970683236fe3765580444a3ff

Should I be importing both _grid.scss and _grid-5.scss components?

_grid-5.scss 是 _grid.scss 的完全替代品（-5 后缀表示它将成为基础 5 的一部分，目前是新网格系统的预发布预览版）

Google 群组讨论：https://groups.google.com/forum/#!topic/foundation-framework-/8kFzJtVUV7k

【讨论】：