关于网格系统的疑问

Question

我不明白为什么网格在CSS布局中很重要。例如，为什么它更好地使用网格，而不是仅仅创建具有百分比的流体布局，并通过媒体查询调整内容？我还读到，网格更像是页眉和页脚等更大的布局部分。但通常这些部分总是具有相同的背景和简单的布局，所以我也不明白为什么网格在这种情况下很重要。也许有一个例子很容易理解网格的重要性。你知道在哪里可以找到一个将PSD布局映射到网格的例子吗？

Answer 1

CSS网格是一个相对较新的规范，实际上是由微软在Edge发起的（我相信）。它也是CSS生态系统中最令人困惑的布局相关增补之一，这可能是为什么许多人对使用它有所怀疑。

一些优点：

• 减少需要的容器，从而帮助你写更多的语义标记。
• 允许在仅限CSS的情况下进行疯狂的布局重新排序，这在
• 之前是不可能的。强化基于组件的设计，其中最顶层的组件是布局网格本身，其他所有组件都符合神奇。
• 有更先进的优势，CSS网格...

缺点：

• （缺乏）浏览器支持（66.65％为写这在我的国家60.75％的）。
• 混淆spec（可以说）和缺乏教程，因为它很年轻。
• 非常不同的布局方法比以前。
• 浏览器不一致（见MSEdge，因为他们已经用自己的规格）

作为前端开发者，甚至一个网页设计师，我觉得学习新技术是非常重要的，总是呆在上面信息的折叠。从你最后一个问题开始，我认为只有在将PSD布局映射到CSS网格系统的工具之后，才会有很长的一段时间。