Foundation 6の全幅と全幅でないデフォルトのグリッド幅は何ですか？

Foundationが反応するのは分かっていますが、私は特定のブレークポイントを持つ正確なPhotoshopドキュメントを作成し、基底がどのようにグリッド要素のサイズを（デフォルトで）設定するかを理解しようとしています。Foundation 6の全幅と全幅でないデフォルトのグリッド幅は何ですか？

のは、例えばのみ画面と（最小幅：120.063em）@media // XXLarge画面のメディアクエリーと言う{}/*分の幅1921px、xxlarge画面*/12カラムを

Question1

：雨どいがデフォルトで適用されますか？またはデフォルトでは、システムはまったく真っ直ぐな列だけを適用しませんか？

Question2：財団は自動的に外樋（または外側の余白）を適用していますか？

Question3：1920の画面サイズを考慮し非全角行の合計幅は何ですか？

Question4：1921の画面幅のこの場合の列、雨どいのサイズは何ですか？

Question5：私は新しいXYグリッドでデフォルトをフォローしたい場合はどのように私は私の文書を準備する必要がありますか？

出典

2017-09-01 Daniel Vianna

-1

発見された文書の情報に加えてFoundation for Sites 6 Docs >>

出典

2017-09-03 03:24:22 ITZAP

1920年のサイズサイズの幅を考慮すると、デフォルトとして1200pxというボックスコンテナ（すべての列+グリッド）などの情報が見つかりました。これは、全幅が使用されていない場合、720ピクセルの余分な余白があることを意味しますそれぞれ合計360ピクセルです。私の質問は外側の樋や樋がどのように作成されたかについてですが、私はcodepenでいくつかの例を見ましたが、時には樋が20pxのデフォルトとして広がっているようですが、実際には2つの例（パディングのような）反対側の列の各側から来る10ピクセルのXYグリッドはどうですか？ –

上記のリンクはFoundation XY Gridページを指しています。見出し... >溝のセクションを読む必要があると思われます。 >グリッドコンテナがいっぱいです。 – ITZAP

はい私はこれらのセクションを読んでいますが、外側の溝（最後の2つの列の最後の2つの溝）については言及していません。注：私は内側の溝のことを言っているわけではありません。私はcodepen上のコードをチェックして、それは普通のグリッド（XYではなく）上のこれらの溝が均等ではないようだが、外側溝は溝の半分の大きさである。この場合、排水溝は30px、外側排水溝は15pxです。 http://i.imgur.com/qpfo0Si.png - この画像を確認してください。私はなぜあなたが情報を理解するのを助けることを試みるのではなく、私をドキュメントに向けるのを理解していない、それは私に傲慢さを感じる –

を読み取ることによって、すべてのご質問を見つけ、私はZurbを接触させることによって、新しいXYグリッド上でより多くの情報を見つけた：

XYグリッドは、デフォルトでは6.4+

ん側溝でのデフォルトのグリッドです。セルはマージンまたはパディングの形でスペーシングを得ることができますセル間にスペースを追加すると、各セルの両側に適用されます。

グリッドコンテナのデフォルトの幅は1200pxです。これは簡単に変更できます。流体幅であるグリッドを作成することもできます。

セルはグリッドコンテナの％または画面の幅です。ですから、中3クラスを使用してグリッド内に4つのセルがある場合、それぞれの幅は幅の25％になります。また、セルを自動または縮小することもできます。縮小は内部のコンテンツの幅を占有し、残りの領域を埋めるために拡大します。

出典

2017-09-12 16:24:16

Foundation 6の全幅と全幅でないデフォルトのグリッド幅は何ですか？

答えて

関連する問題