2

我正在使用 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变量？
4

1 回答 1

2

感谢 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 的一部分，目前是新网格系统的预发布预览版）

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

于 2013-08-20T12:15:56.363 回答