autoprefixer不会自动将display: grid降级为display: -ms-grid，仅当源码中已存在display: -ms-grid时，才补全-ms-grid-columns等配套属性；它不翻译语法，不处理grid-gap、grid-template-areas等ie11不支持的特性。
Autoprefixer 不会把 display: grid 自动转成 display: -ms-grid，它只在你手动写了 -ms-grid 的前提下补几个配套属性。指望它“自动降级 Grid”是行不通的。
为什么写了 grid-template-columns 却没生成 -ms-grid-columns
Autoprefixer 不识别纯现代语法。它只对已含 display: -ms-grid 的规则做前缀补全，不是语法翻译器。
- ❌ 错误写法（Autoprefixer 完全跳过）：
.grid { display: grid; grid-template-columns: 1fr 2fr; } - ✅ 正确写法（必须并列声明）：
.grid { display: -ms-grid; display: grid; grid-template-columns: 1fr 2fr; } - 注意：即使配置了
grid: true，如果源码里没出现-ms-grid，就零输出
哪些 Grid 属性 Autoprefixer 根本不处理
IE11 的 -ms-grid 是静态网格，很多现代特性它压根不支持，Autoprefixer 也无能为力。
-
grid-gap、grid-row-gap、grid-column-gap：IE11 不支持，Autoprefixer 不生成任何对应属性，得用margin模拟 -
grid-template-areas：无法映射到-ms-grid-row/-ms-grid-column，必须手动拆解定位 -
grid-column: 1 / -1或grid-column: span 3：IE11 的-ms-grid-column-span只接受正整数，Autoprefixer 直接放弃生成 -
grid-auto-flow: dense、minmax()、auto-fit：全部被忽略，不会输出任何-ms-版本
怎样验证 Autoprefixer 真正起了作用
别只看原始 CSS 写了什么，要查最终构建出的 CSS 文件里有没有实际生效的 -ms- 属性。
- 打开编译后的
.css文件，搜索-ms-grid-，确认有-ms-grid-columns、-ms-grid-column等真实输出 - 检查
browserslist是否显式包含ie 11（只写last 2 versions会被忽略） - 确认 PostCSS 插件顺序：
postcss-loader必须在less-loader或sass-loader之后运行，否则看不到原始语法 - 在 IE11 开发者工具的“计算样式”中查看元素是否应用了
-ms-grid-column，而不是只依赖grid-column
最常被忽略的一点是：IE11 的 -ms-grid 要求所有子项都显式指定 -ms-grid-column 和 -ms-grid-row，没有隐式定位，也没有自动轨道计算——这和现代 Grid 的设计哲学完全不同，不能靠工具绕过。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
