Tailwind CSS 依赖 Autoprefixer 补全浏览器前缀，需确保 postcss.config.js 中插件顺序为 tailwindcss → autoprefixer，browserslist 配置明确有效，且构建工具（如 Vite）正确加载 PostCSS 流程。
Tailwind CSS 本身不负责加浏览器前缀，必须靠 autoprefixer 在 PostCSS 流程中补全——没配对、顺序错、browserslist 不匹配，前缀就根本不会出现。
postcss.config.js 插件顺序必须是 tailwindcss → autoprefixer
PostCSS 是线性处理链，tailwindcss 插件先展开 @tailwind 指令生成原始 CSS，autoprefixer 才能对这些生成的声明加前缀。顺序反了或漏掉其中一个，前缀就彻底丢失。
-
tailwindcss必须在autoprefixer之前，且两者都得显式写进plugins数组里 - 如果用了
postcss-preset-env，它内部也调用autoprefixer，要删掉显式的autoprefixer配置，否则可能冲突 - Vite 5+ 默认加载
postcss.config.js，但如果你在vite.config.js里写了css.postcss，会覆盖默认行为，导致配置失效
检查 browserslist 是否真正生效
autoprefixer 完全按 browserslist 配置决定加哪些前缀。写 "last 2 versions" 可能让 Safari 12 被强制加 -webkit-，而它早已原生支持 gap；写 "IE 11" 却又不实际支持 IE，只会徒增无用前缀。
- 推荐用明确、可验证的范围，例如：
> 0.5%, not dead, not op_mini all - 运行
npx browserslist看当前匹配的实际浏览器列表，别只信注释 - 若项目根目录没有
.browserslistrc，package.json中的browserslist字段也得存在且格式正确
哪些 CSS 属性 Tailwind + Autoprefixer 都救不了
有些现代属性压根不在 autoprefixer 支持范围内，Tailwind 也没提供对应工具类，比如 aspect-ratio、overscroll-behavior、scrollbar-width、text-overflow（注意不是 text-overflow: ellipsis，而是值为 auto 或 none 的情况）。
立即学习“前端免费学习笔记（深入）”；
- 这类属性需手动写 CSS，并用
@supports做降级，不能指望自动前缀 - Tailwind 的
text-ellipsis类只控制text-overflow: ellipsis，不处理其他取值 - 像
scrollbar-width这种仅 Firefox 支持的属性，连-moz-前缀都不需要，Autoprefixer 也不会加
最常被忽略的是构建工具是否真把 postcss.config.js 加载进来了——哪怕文件存在、插件顺序和 browserslist 都对，如果构建流程压根没走 PostCSS，那一切配置都是空转。
