[Day 29] 还在吵架的 subgrid

Grid 与 subgrid

subgrid 是一种很奇妙的跨维度设定，在 w3c 当中有详细解释。我这边稍微提一下他到底是什麽样的概念。

• 遵从父层格线系统，跳出现有维度形成单一栏（或行）的区块。
• 子格线系统跟父层格线系统共享格线设定。
• 子格线系统格线总量与他所跨维度的父层格线轨迹相同。
• 若子网格系统跨维度轨迹固定，则取父层格线轨迹的跨度起始值。
• 若子网格系统跨维度不固定，则取父层格线轨迹跨度起算为 1。
• 子网格系统起算的 <数字> - <位置> 是独立在自己的网格系统内。
• 子网格若是被填充在父层格线系统之前，那麽子网格轨迹会使用父层格线系统的格线命名，但这些名称必须要是子网格系统以外的名字。
• 子网格系统的命名若跟父层格线系统重叠，则会被分配到父层格线系统的命名区域内。

其实很难理解，不过没关系，目前可以被使用的好像只有 Firefox 可以比较完整的呈现 subgrid 的效果。或者，可以看一下我之前的 文章。

不过因为还在吵架当中，所以先观察看看就好了。

所以说那个手机版

其实 subgrid 很难理解，就算是有大量的例子也是超难。或许我再改天找一个时间写完整的测试文章好了。

Blog 同步刊登：[12th 铁人赛] 还在吵架的 subgrid, Day 29