關於網格系統的疑問

Question

我不明白爲什麼網格在CSS佈局中很重要。例如，爲什麼它更好地使用網格，而不是僅僅創建具有百分比的流體佈局，並通過媒體查詢調整內容？我還讀到，網格更像是頁眉和頁腳等更大的佈局部分。但通常這些部分總是具有相同的背景和簡單的佈局，所以我也不明白爲什麼網格在這種情況下很重要。也許有一個例子很容易理解網格的重要性。你知道在哪裏可以找到一個將PSD佈局映射到網格的例子嗎？

Answer 1

CSS網格是一個相對較新的規範，實際上是由微軟在Edge發起的（我相信）。它也是CSS生態系統中最令人困惑的佈局相關增補之一，這可能是爲什麼許多人對使用它有所懷疑。

一些優點：

• 減少需要的容器，從而幫助你寫更多的語義標記。
• 允許在僅限CSS的情況下進行瘋狂的佈局重新排序，這在
• 之前是不可能的。強化基於組件的設計，其中最頂層的組件是佈局網格本身，其他所有組件都符合神奇。
• 有更先進的優勢，CSS網格...

缺點：

• （缺乏）瀏覽器支持（66.65％爲寫這在我的國家60.75％的）。
• 混淆spec（可以說）和缺乏教程，因爲它很年輕。
• 非常不同的佈局方法比以前。
• 瀏覽器不一致（見MSEdge，因爲他們已經用自己的規格）

作爲前端開發者，甚至一個網頁設計師，我覺得學習新技術是非常重要的，總是呆在上面信息的摺疊。從你最後一個問題開始，我認爲只有在將PSD佈局映射到CSS網格系統的工具之後，纔會有很長的一段時間。