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

Question

我正在使用Zurb Foundation Sass版本4.3，并且几天前刚刚开始使用该框架，所以对我的无知道歉。

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

我目前的理解：

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

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

我希望它改为：

• “small”表示低于$small-screen值的任何内容（例如@media only screen）
• “medium”表示高于$small-screen值的任何内容（例如，@media #{$small}）
• “large”表示高于$medium-screen值的任何内容（例如@media #{$medium}）

但$medium变量和medium-类名之间没有任何关系！实际上，媒体查询维度已硬编码到_grid-5.scss。

我真的很困惑。

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

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

Answer 1

感谢基金会框架邮件列表/谷歌小组的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