1

Zurb Foundation は素晴らしく、セマンティック グリッド以外はすべて問題なく動作します。zurb-foundation gem をインストールしました (最新の公開リリース)。マークアップの例と Scss のセマンティック グリッドの例を Zurb の公式サイトから index.html と app.scss にコピー アンド ペーストすると、正しく動作しません。ページは「中程度の横長」以下のフォーマットでは応答しません。ページのサイズを変更すると、スクロールバーがが表示されます。https://groups.google.com/forum/?fromgroups=#!topic/foundation-framework-/Yjh_9f21foQとこのページで同じ質問を見つけました- http://szabinho.com/zurb/私が話している良い例です。Zurb によるセマンティック グリッドの実用的な例を教えてください。これは非常に強力でクールなフレームワークであり、1 つの理由で使用をやめました。この厄介な問題です。あなたが私を助けてくれることを願っています。ありがとう！

4

1 に答える 1

0

Sass と mixin を使用してセマンティック グリッドをコンパイルすると、同様の問題が発生しました。

.row に最小幅が設定されていることに気付きました。

.row {
  width: 960px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto;
}

したがって、これは、すべての行が少なくとも 768px 幅になることを意味します。次のように app.css (または SASS を使用している場合は scss) でこの設定をオーバーライドできます。

.row {
  min-width: 0!important;
}

また、この問題は SASS ミックスインを使用している場合にのみ発生し、使用に戻ったときにこのエラーが発生しなかったことにも気付き@include outerRow()ましinnerRow()た<div class="row"><div class="twelve columns">。

于 2012-11-12T17:31:14.973 に答える