使用一项新技术很容易犯很多错误，特别是像 CSS Grid 这样与过去相比有很大变化的技术。在本视频中，我解释了人们在使用 CSS Grid 时常犯的 9 个最大错误，并提供建议和技巧来避免这些陷阱，打破旧习惯。

更多信息

错误 1：认为 CSS Grid 包治百病
Flexbox vs. CSS Grid - 哪个更好？
一起使用 Flexbox 和 Grid
使用 CSS Shapes 消除方框化

错误 2：仅使用百分比进行尺寸调整
CSS Grid 中的最小和最大内容尺寸
CSS Grid 中的 FR 单位
CSS Grid 中的 MinMax

错误 3：假设需要断点
使用 CSS Grid 创建极其简单的布局

错误 4：对编号感到困惑
使用 CSS Grid 进行创新且实用的图形设计
CSS Grid 基础知识：概述

错误 5：始终使用 12 列
我在“CSS Grid 中的 FR 单位”的结尾部分讨论了这个问题

错误 6：忽略行功能的强大之处
灵活性与折叠
网页上的空白

错误 7：寻求框架

错误 8：等待 IE11 消失
Internet Explorer + CSS Grid？
在所有浏览器中运行的弹性 CSS 的 7 部分系列

错误 9：犹豫不决，而不是玩耍
响应式蒙德里安
像 Jan Tschichold 一样使用 CSS Grid