9

デフォルトでは、Zurb Foundation 4 および 5 の行は、非常に大きなモニターでも最大幅 1000 ピクセルで実行されるため、コンテンツの両側に余白が作成されます。デザインの応答性に影響を与えずにフルスクリーンで実行するにはどうすればよいですか?

4

4 に答える 4

20

次のコードを CSS ファイルに追加します。

.row {min-width:100% !important;}
于 2013-07-09T08:47:10.460 に答える
10

これを行う最良の方法は、このようなものだと思います。

これを CSS またはカスタム CSS に追加します。

.row.full-width {
    width: 100%;
    max-width: 100%;
}

次に、htmlでこれを行います-

<div class="row full-width"> </div>

これにより、ヘッダーまたはフッターに全画面表示のみを使用したい場合に、グリッド システムをそのまま維持することができます。

于 2014-01-17T18:54:16.483 に答える
5

Sass/Compass、zurb-foundationgem、またはカスタマイズされた Foundation ディストリビューションを使用している場合は、$row-width変数を設定できます。これは、使用されている他の場所に流れます。たとえば、列数、ガター幅などを調整することもできます。

グリッドのドキュメントの下部に詳細が説明されています: http://foundation.zurb.com/docs/components/grid.html

于 2013-11-16T19:44:00.317 に答える
-5 
<div class="row">
    <div class="large-6 columns"></div>
    <div class="large-6 columns"></div>
</div>

これにより、1000pxの幅が得られます

<div class="large-6 columns"></div>
<div class="large-6 columns"></div>

ただし、行クラスなしで列クラスを使用すると、フルスクリーンになります...

于 2014-08-06T13:55:49.770 に答える