0

如果您阅读ZURB Foundaiton 6 Media Queries的文档，您会发现与 ZURB Foundation 5 相比有一些变化。我对新功能几乎没有疑问，因为我不明白导致变化的原因。

1）breakpointmixin，向下而不是向上

  • 这导致从版本 5 迁移到版本 6 的过程很困难。为什么没有选项继续使用向上方向？
  • 从上到下改变方向的原因是什么？仍然很常见的是，只有小型设备的样式不同，中型和大型设备使用相同的样式（例如菜单）。再说一次，我不明白为什么没有选项可以在上下关键词之间进行选择。
  • 就移动优先设计方法而言，哪个方向更好？这些变化是否以某种方式与此相关？

2）MediaQuery.atLeast功能，方向不一致

  • 这个函数告诉你屏幕是否有一些尺寸或大于这个尺寸。breakpoint这与mixin（使用 down 关键字）完全相反。为什么行为不一样，或者为什么我们没有任何选择？
4

1 回答 1

2

你误解了breakpointmixin。down仅当您在 mixin 的参数中显式添加关键字时，它才会下降。如果您只是为参数输入断点的名称，那么它会从该断点上升，不需要额外的关键字。如果您添加关键字only，那么它只会影响该断点。

这直接取自Foundation 6 Docs： 

.element {
  // Only affects medium screens and larger
  @include breakpoint(medium) { }
  // Only affects medium screens and smaller
  @include breakpoint(medium down) { }
  // Only affects medium screens, not small or large
  @include breakpoint(medium only) { }
}
于 2015-12-01T17:45:14.987 回答