autoprefixer仅补前缀不改语法，ie11需显式配置flexbox: 'no-2009'并确保browserslist包含ie 11；它不修复flexbugs等渲染缺陷，须配合postcss-flexbugs-fixes插件，且注意cssnano可能覆盖前缀。
PostCSS 本身不修复“漏洞”，它只按规则补前缀或转换语法；所谓“兼容性问题”绝大多数是旧浏览器对标准属性支持不全，不是安全漏洞。真正要解决的，是 display: flex、gap、:has() 等特性在目标浏览器中不生效或行为异常的问题。
为什么 autoprefixer 单独运行后，IE11 里 flex 还是不工作？
因为 autoprefixer 只加前缀，不改语法——它不会把 display: flex 转成 display: -ms-flexbox，除非你明确告诉它：IE11 需要老版 Flexbox 语法。
- 默认情况下，autoprefixer 使用的是现代 Flexbox 语义（2012+），IE11 需要的是 2009 版本（
-ms-flexbox） - 必须在插件配置中传入
flexbox: 'no-2009'，否则它认为“IE11 不在目标范围内”或“不需降级” - 检查
npx browserslist输出是否真包含ie 11；如果只写了last 2 versions，IE11 就不会被纳入查询范围 - Webpack 中若同时用了
css-loader（内置 PostCSS）和显式postcss-loader，可能导致 autoprefixer 被跳过或执行两次
Flex 布局在 Safari 12.1 里错位，光靠 autoprefixer 不行
这是典型的 Flexbugs —— 浏览器实现缺陷，不是缺前缀。比如 flex: 1 在 Safari 12.1 里会忽略 min-width，align-items: stretch 在某些嵌套场景下失效。autoprefixer 完全不处理这类问题。
- 必须额外引入
postcss-flexbugs-fixes插件，它专门 patch 这些已知渲染 bug - 该插件需放在
autoprefixer之后执行：先加前缀，再修 bug，顺序反了可能修错节点 - 它不改变你的源码写法，例如你写
flex: 1，它会自动补上min-width: 0这类 hack - 注意它只修复已归档到 flexbugs 列表的问题，新 bug 或未收录行为仍需手动处理
构建后 CSS 里前缀没了，但开发时明明有
大概率是 cssnano 在压缩阶段干的——它的默认 preset 里内置了 autoprefixer，并用自己的 browserslist 配置重新跑了一遍，且默认删“冗余”前缀。
-
cssnano 的内置 autoprefixer 与你项目里的配置不一致，比如它没读取
.browserslistrc，只按自身逻辑判断 - 解决方案：在 cssnano 配置中显式关闭 autoprefixer：
{ preset: ['default', { autoprefixer: false }] } - 同时确保
autoprefixer插件在postcss.config.js中排在cssnano之前 - 执行
npx postcss input.css -o output.css -u autoprefixer --verbose查看实际调用链，确认没有插件被覆盖或静默忽略
最易被忽略的一点：PostCSS 插件链是否真正被构建工具加载，不取决于你装了什么包，而取决于配置文件是否被读取、路径是否正确、以及工具版本是否支持该配置方式。比如 Webpack 5+ 的 css-loader 默认启用 PostCSS，此时 postcss.config.js 若存在但内容为空或导出非法，整个链就断了——连报错都不会抛，只会静默跳过。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
