0

フレームワークに基づいて小さなブログを作成しmetalsmithてPureCSSいます。これは、次のような単純な 3 行レイアウトです。

<div class="pure-g">
    <div class="pure-u-1"> Navbar </div>
    <div class="pure-u-1"> Content </div>
    <div class="pure-u-1"> Footer </div>
</div>

私はまだ CSS とレスポンシブ デザインについて多くの新しいことを学んでいるので、ナビゲーション バーもグリッド行に配置する必要があるのか​​、それともその外側に配置する必要があるのか​​ 疑問に思っています。PureCSS のドキュメントには、次のように記載されています。

人に見えるすべてのコンテンツは、グリッド ユニット内に含める必要があります。これにより、コンテンツが適切にレンダリングされます。

もちろん、ナビゲーションメニューはユーザーに表示されるため、これはyesになります。しかし、それはナビゲーション バーのメディア クエリの処理をより複雑にしませんか? では、レスポンシブ グリッドを使用する場合、ナビゲーション バーをどこに配置すればよいでしょうか?

4

2 に答える 2

1

いいえ。Navbar は必ずしもグリッド内にある必要はありません。グリッドを使用する主な目的は、コンテンツの見栄えを良くして適切にすることです。また、プログラマーが特定の要素に割り当てるグリッドのブロック数を決定するのにも役立ちます。

ただし、Navbar はページ全体に表示されるため、グリッド サイズを割り当てる理由はありません。常に 100% である必要があります。

ブログ アプリを構築している場合は、要素を適切にレンダリングするために、コンテンツのみをグリッド システム内に配置する必要があります。私が見た限りでは、フッターも一般的にウィンドウ全体に広がっています。

于 2019-10-28T10:16:06.140 に答える