chrome 115以下版本不解析subgrid，直接跳过整条声明；需确保子元素为直系网格项、父容器显式定义轨道、避免display: contents，并用固定列数fallback。
Chrome 115以下版本根本不会解析subgrid
不是“表现异常”，而是压根不认这个值——Chrome 114及更早版本遇到grid-template-columns: subgrid或grid-column: subgrid，会直接跳过整条声明，连语法校验都不做。你看到的布局，其实是降级后的流式排版在撑场子。getComputedStyle(el).gridTemplateColumns返回空字符串或"none"，就是最明确的信号。
grid-column: subgrid比grid-template-columns: subgrid更可靠
前者只要求子元素是父网格的直系网格项（即已用grid-column或grid-area被定位），后者还额外要求子元素自身是网格容器，条件更苛刻、更容易失效。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 必须先让子元素成为网格项：比如
grid-column: 1 / -1占满整行 - 再对它的直系子代（孙子元素）设
grid-column: subgrid - 如果子元素用了
display: contents，它就脱离渲染树，孙子元素找不到父网格上下文，subgrid立即失效
父容器轨道定义不显式，subgrid就等于没写
Chrome只继承明确定义的轨道，对repeat(auto-fit, minmax(200px, 1fr))这类动态推导的列线视而不见。DevTools里gridTemplateColumns计算值为"none"，说明subgrid已被静默丢弃。
- 安全写法：
grid-template-columns: 120px 1fr或grid-template-columns: [start] 120px [main] 1fr [end] - 验证方式：Chrome DevTools Layout面板勾选“Show line names”，看是否有实线轨道标出
- 别依赖
@supports (grid-template-columns: subgrid)——Firefox 111–113存在bug，会错误返回true
降级 fallback 必须覆盖到孙子层级
不支持subgrid时，孙子元素退化为块级流，不是简单改父容器就能救回来。
- 父容器和子元素都要复用同一套CSS变量，比如
--form-cols: 120px 1fr - 子元素需设
display: grid+grid-template-columns: var(--form-cols) - 每个孙子元素（如
label、input）必须显式写grid-column: 1或grid-column: 2，不能靠自动分配 - 如果父列数是动态的，fallback里必须用固定列数（如
repeat(3, 1fr)），否则对齐必然错位
subgrid真正起效的边界很窄：版本号、DOM层级、轨道定义方式、子元素定位状态，缺一不可。最容易被忽略的是——你以为子元素“已经定位好了”，其实它还没被父网格正式接纳为网格项。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
