0

ZURB Foundation 6 Media Queriesのドキュメントを読むと、ZURB Foundation 5 と比較していくつかの変更点があることがわかります。変更につながった理由がわからないため、新機能についていくつか質問があります。

1) breakpointmixin、上ではなく下方向

  • これにより、バージョン 5 からバージョン 6 への移行が困難になります。アップ方向も使用し続けるオプションがないのはなぜですか?
  • 方向を上から下に変更した理由は何ですか? 小さいデバイスだけでスタイルが異なり、中型と大型のデバイスが同じスタイル (メニューなど) を使用することは、依然として非常に一般的です。繰り返しますが、キーワードの上下を選択するオプションがない理由がわかりません。
  • モバイル ファーストの設計アプローチに関して、どちらの方向性が優れていますか? これらの変更は何らかの形でこれと関連していますか?

2)MediaQuery.atLeast機能、方向性の不一致

  • この関数は、画面にある程度のサイズがあるか、このサイズよりも大きいかを示します。これは、breakpointmixin ( down キーワードを使用) とは完全に逆の動作です。なぜ動作が同じでないのか、または選択肢がないのはなぜですか?
4

1 に答える 1

2

あなたはミックスインを誤解していbreakpointます。downミックスインの引数にキーワードを明示的に追加した場合にのみダウンします。引数にブレークポイントの名前を指定するだけで、そのブレークポイントから上昇します。追加のキーワードは必要ありません。キーワードを追加すると、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 に答える