Foundation-Flex Grid
グリッドは、フレックス表示のプロパティによって異なります。これは、自動スタッキング、ソースの順序付け、垂直方向の配置、水平方向の配置など、フレックスボックスで使用できる多くの機能で構成されています。
ブラウザのサポート
フレックスグリッドは、Chrome、Firefox、Internet Explorer 10以降、Safari 6以降、Android 4以降、iOS7以降でサポートされています。
次の表に、FlexGridの機能とその説明を示します。
シニア番号 | 機能と説明 |
---|---|
1 | インポート これには、デフォルトのCSSを使用するためのフレックスグリッドのエクスポートミックスインが含まれています。 |
2 | 基本 フレックスグリッドの構造は、フロートグリッドの構造と似ています。 |
3 | 高度なサイジング サイジングクラスが列に含まれていない場合は、それ自体が展開され、列の残りのスペースが埋められます。 |
4 | レスポンシブ調整 フレックスグリッドの列の明示的なサイズが指定されていない場合は、列のサイズが自動化されます |
5 | 列の配置 フレックスグリッド列は、親行の水平軸または垂直軸に揃えることができます。 |
6 | ソースの順序 ソースの順序は、さまざまなサイズの画面で列を再配置するのに役立ちます。 |
7 | Sassリファレンス SASS(Syntactically Awesome Stylesheet)は、CSSでの繰り返しを減らし、時間を節約するのに役立つCSSプリプロセッサです。 |