Autoprefixer 不生成 -ms-grid 属性，因它仅在源码已写 display: -ms-grid 时补全配套属性；v9+ 已移除 IE Grid 转换能力，且 IE11 不支持 grid-gap、minmax()、负值跨度等，需手动适配。
IE11 里 display: grid 完全不生效，不是漏前缀，是浏览器压根不解析这条声明——你必须手动写 display: -ms-grid，否则 Autoprefixer 什么都不会生成。
为什么 Autoprefixer 没输出任何 -ms-grid- 属性
Autoprefixer 不是语法转换器，它只在你**已经写了 display: -ms-grid 的前提下**补几个配套属性。常见失效原因：
- 源码只写了
display: grid，没并行声明display: -ms-grid -
browserslist没显式包含ie 11（last 2 versions默认忽略 IE） - PostCSS 插件顺序错误：
postcss-preset-env在autoprefixer前运行，把-ms-grid提前转成了现代语法，导致 Autoprefixer 看不到可处理的目标 - 用了 IE11 完全不支持的语法，比如
grid-gap、grid-template-areas、minmax()，Autoprefixer 直接跳过整条规则
grid-column: 1 / -1 在 IE11 中彻底失效
IE11 的 -ms-grid-column-span 只接受正整数，不支持负值、span 关键字或隐式轨道。Autoprefixer 遇到这类写法会直接跳过，不生成任何 -ms- 属性，结果就是元素默认落在第 1 列第 1 行。
- ❌ 不会生成前缀：
grid-column: 1 / -1、grid-column: span 3、grid-column: 2 / auto - ✅ 必须手动换算列数：如果
-ms-grid-columns定义了1fr 2fr 1fr（共 3 列），要横跨全部列 → 写grid-column: 1 / 4 - 子项定位优先用
grid-column-start+grid-column-end，避开grid-area这类复合值（它无法被映射为-ms-grid-row+-ms-grid-column）
Autoprefixer v9+ 已移除 IE Grid 语法转换能力
从 Autoprefixer v9（2021 年起）开始，官方已彻底移除对 IE Grid 的语法转换支持。即使你在 postcss.config.js 里配了 autoprefixer({ grid: true })，也不会生成任何 -ms-grid- 属性。
立即学习“前端免费学习笔记（深入）”；
- 有人尝试降级到 v8.x，但实测问题更多：漏定义行列、跨度错位、
grid-gap被转成无效margin，调试成本远高于手写 -
@supports (display: grid)在 IE11 中完全无效，整条规则被静默跳过，无法用于 fallback 分流 - 验证是否真起作用，别只看源码写了什么，要查编译后 CSS 文件里有没有实际输出的
-ms-grid-属性
最常被忽略的是：IE11 的 -ms-grid 是静态网格，没有自动定位能力——每个子项都得靠 -ms-grid-column 和 -ms-grid-row 显式指定位置，漏一个就会错位；fr 单位虽能在 -ms-grid-columns 中出现，但混用 auto 和 fr（如 auto 1fr）会导致渲染异常，建议统一用百分比或固定值。
