グリッドシステムに関する疑問

Question

CSSレイアウトでグリッドが重要な理由をよく理解していません。たとえば、パーセンテージで流体レイアウトを作成し、メディアクエリでコンテンツを調整するだけでなく、なぜグリッドを使用するのが良いでしょうか？私はまた、ヘッダーやフッターのような大きなレイアウトの部品の方がグリッドが多いと読んでいます。しかし、一般的に、このセクションは常に同じバックグラウンドと単純なレイアウトを持っているので、この場合グリッドが重要である理由を理解できません。グリッドの重要性を理解しやすい例があるかもしれません。 PSDレイアウトのようなレイアウトをグリッドにマッピングする例がどこにあるのか知っていますか？

Answer 1

CSSグリッドは比較的新しい仕様であり、実際にMicrosoft Edgeによって開始されました（私は信じています）。最近、CSSエコシステムの最も混乱しやすいレイアウト関連の追加の1つで、おそらく多くの人々がそれを使用することに疑問を抱いています。

いくつかの利点：

• は、このようにあなたがより多くのセマンティックマークアップを書く助け、コンテナのために必要な削減します。
• CSS内で狂ったレイアウトの並べ替えを行うことはできませんでした。これ以前には不可能でした。
• コンポーネントベースのデザインを強化します。一番上のコンポーネントはレイアウトグリッドそのもので、その他は魔法のようになります。
• CSSグリッド...

デメリットより高度な利点があります。

• （不足の）ブラウザのサポート（これを書いているとして、66.65パーセントと私の国では60.75パーセントで）。
• それはかなり若いので、スペル（間違いなく）とチュートリアルの欠如。
• 以前とはレイアウトが非常に異なっています。フロントエンドの開発者、あるいはウェブデザイナーとして
• ブラウザの不整合（彼らは自分のスペックを使用していたとして、MSEdgeを参照してください）

、私はいつも以上滞在し、それは新しい技術を学ぶことが重要だと思います情報を伴う折り畳み。あなたの最後の質問として、私は、PSDレイアウトをCSSグリッドシステムにマップするツールがあるまで、それが長くなるとは思わない。