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