让 CSS Grid 自适应容器尺寸的动态布局方案本文介绍如何通过 CSS 变量与 auto-fit 配合 calc() 动态计算行列尺寸,使网格项始终严格填充固定大小的容器,无论行列数如何变化。 本文介绍如何通过 css 变量与 `auto-fit` 配合 `calc()` 动态计算行列尺寸,使网格项始终严格填充固定大小的容器,无论行列数如何变化。在构建类似 SketchPad 这类需要动态调整网格密度(如 16×16、32×32)但又必须严格约束在固定画布区域内的应用时,常见误区是直接用 grid-template-rows: repeat(N, 1