3

許してください。ただし、たとえばcssgridで紹介されているように、FluidGridの目的を誰かに説明してもらえますか。グリッドでは、これらの列を参照します。一部は9、その他は12、その他は24列です。

1)。グリッドは、DIVSの正しいサイズ設定と配置のために、背景またはステンシルとして使用されていますか?

2)。レスポンシブWebサイトの設計では、流動的なグリッド(9、12、24列)を使用することが不可欠ですか、それともCSS3とメディアクエリを使用してブレークポイントを定義できますか?

3)。列数の違いは何ですか。たとえば、24列ではなく9列を使用するのはなぜですか。より多くのコンテンツに対して、列数が多いほど良いですか?

4)。なぜこれほど多くのFluidGridジェネレーターが利用できるのですか?それぞれが何らかの形で優れているのか、それとも異なっているのでしょうか。

ありがとうございました

4

2 に答える 2

2

1)。グリッドは、DIVSの正しいサイズ設定と配置のために、背景またはステンシルとして使用されていますか?

はい、それは多かれ少なかれそれです。グリッドを非表示のステンシルとして描画して、divのサイズ設定と配置に役立てることができます。レスポンシブデザインについて話しているので、グリッド列の幅は、ビューワーのブラウザーウィンドウの幅に応じて異なります。

2)。レスポンシブWebサイトの設計では、流動的なグリッド(9、12、24列)を使用することが不可欠ですか、それともCSS3とメディアクエリを使用してブレークポイントを定義できますか?

グリッドはあなたの生活を簡素化することを目的としていますが、独自のソリューションを展開したり、カスタムCSSスタイルを既製の流動的なグリッドフレームワークと混合したりすることを妨げるものは何もありません

3)。列数の違いは何ですか。たとえば、24列ではなく9列を使用するのはなぜですか。より多くのコンテンツに対して、列数が多いほど良いですか?

与えられたウィンドウ幅に対して、より多くの列=より狭い列を想像することができます。プロジェクトの特定に応じて、列が多いほど、特定のページレイアウトをより適切に制御できる場合があります。実際には、各グリッド列間のガターまたは間隔のために、列が多いほどコンテンツ用のスペースが少なくなります。モバイルを含む応答性の高い設計を考えている場合、ある時点で、ほとんどのグリッドフレームワークは、列を垂直スタックとして表示し始めます。つまり、 1-2-3
は 123に
なり
ます。

ハンドヘルド画面を9つの垂直列に分割することは、あまり使い勝手が良くありません。

4)。なぜこれほど多くのFluidGridジェネレーターが利用できるのですか?それぞれが何らかの形で優れているのか、それとも異なっているのでしょうか。

部分的に個人的な好み、あなたはあるオプションを別のオプションよりも好きかもしれません、そして部分的に異なる機能。FoundationBootstrapなどの一部のフレームワークには、多くの追加のCSSスタイルと、使用したい追加のjavascriptリソースが付属しています。

楽しんでください...それはウェブデザインにとって興味深い時間です!

于 2013-03-25T00:23:09.380 に答える
1

ETHANMARCOTTEでそれを深く知ってください-RWDの AlistApart。

于 2013-03-25T19:31:26.887 に答える