0

これらの設定は通常のグリッド (デフォルトは 1000px でガターは 30px) で見られますが、小さなグリッドを使用する場合は明らかに異なります。これらはどのように決定されますか？

これらの値は、ピクセルを em 単位に変換する Zurb の emCalc 関数を使用して設定されていることに気付きました。これは、小さなグリッドの設定がなく、これらを縮小するだけということですか?

4

1 に答える 1

0

始めるためのほんのいくつかの指針...

  • 1000px は100% に設定されています。これは、ウィンドウが 1000px 未満の場合にコンテナーが押しつぶされることを意味しwidthます(優先されます) 。max-width.rowmax-width
  • ガタは変わらない
  • Em 単位は、Zurb Foundation がオンにしているブラウザ ウィンドウのサイズに合わせて調整されません。
  • emCalcほとんどのブラウザーはサイズ 16px のフォントを使用するため、px 値を 16 で割って em 値を取得する (または em 値に 16 を掛けて px 値を取得する) だけです。またはそのような超スマートなもの。

だから私が収集できるものから...

  • グリッド内の各columnsdiv には、ガター幅の半分のマージンがあります。div を並べて配置すると、完全なガターになります。
  • rowボックスを 1000px よりわずかに 1 つのガター幅で広くすることにより、外側の端でのインデントを回避します。これにより、最も外側の端にある余分な半分のガターが飲み込まれます。
  • 小さいサイズに切り替えると、各columnsdiv が 12 個のスペースにまたがるようになるだけで、オーバーハングは以前と同じように残ります。

それが役立つことを願っています!

于 2013-08-31T22:27:33.267 に答える