关于网格系统的疑问
问题描述:
我不明白为什么网格在CSS布局中很重要。例如,为什么它更好地使用网格,而不是仅仅创建具有百分比的流体布局,并通过媒体查询调整内容?我还读到,网格更像是页眉和页脚等更大的布局部分。但通常这些部分总是具有相同的背景和简单的布局,所以我也不明白为什么网格在这种情况下很重要。也许有一个例子很容易理解网格的重要性。你知道在哪里可以找到一个将PSD布局映射到网格的例子吗?关于网格系统的疑问
答
CSS网格是一个相对较新的规范,实际上是由微软在Edge发起的(我相信)。它也是CSS生态系统中最令人困惑的布局相关增补之一,这可能是为什么许多人对使用它有所怀疑。
一些优点:
- 减少需要的容器,从而帮助你写更多的语义标记。
- 允许在仅限CSS的情况下进行疯狂的布局重新排序,这在
- 之前是不可能的。强化基于组件的设计,其中最顶层的组件是布局网格本身,其他所有组件都符合神奇。
- 有更先进的优势,CSS网格...
缺点:
- (缺乏)浏览器支持(66.65%为写这在我的国家60.75%的)。
- 混淆spec(可以说)和缺乏教程,因为它很年轻。
- 非常不同的布局方法比以前。
- 浏览器不一致(见MSEdge,因为他们已经用自己的规格)
作为前端开发者,甚至一个网页设计师,我觉得学习新技术是非常重要的,总是呆在上面信息的折叠。从你最后一个问题开始,我认为只有在将PSD布局映射到CSS网格系统的工具之后,才会有很长的一段时间。