需要兼容旧浏览器的项目，不能单看 tailwind css 版本号就决定升级。截至 2026 年 11 月 2 日，官方兼容性文档将 v4 核心能力的浏览器基线定为 chrome 111、safari 16.4 和 firefox 128，升级说明也明确建议，有旧环境适配需求的项目暂时留在 v3.4。
来源：Tailwind CSS 官方文档
这条建议没法单靠调整构建配置绕开。官方解释，v4 的核心设计依赖 @property、color-mix() 等现代浏览器特性，旧环境无法正常运行。兼容性文档标注，Chrome 111 与 Safari 16.4 发布于 2023 年 3 月，Firefox 128 发布于 2024 年 7 月。
就算满足核心基线，也不代表所有新样式特性的支持程度都一致。官方单独列出 field-sizing: content、@starting-style 和 text-wrap: balance 等功能，提示这类特性的浏览器覆盖范围有限。项目要不要用这些工具类，得结合实际目标浏览器判断，不能默认框架能跑就所有效果表现统一。
迁移工具处理的是另一类问题。官方升级说明提到，工具可帮多数项目完成依赖更新、配置转 CSS 及模板修改，但运行工具需要 Node.js 20 或更高版本。这是升级工具本身的运行环境要求，和访问网站的浏览器门槛不是一回事，服务器端的 Node 版本补不上终端浏览器缺失的 CSS 能力。
来源：Tailwind CSS 官方文档
自动改写不等于迁移验证完成。官方建议在新分支运行工具，核对改动差异，再到浏览器中测试，复杂项目可能需要手动调整。组件和构建插件较多的应用，命令正常跑完只能说明迁移流程执行到对应阶段，不能直接判定页面在目标设备上表现正常。
构建链还有单独的适配边界。v4 的 PostCSS 插件和命令行工具拆分到了独立软件包，官方也提供了专用 Vite 插件。同时兼容性文档说明，v4 并非为搭配 Sass、Less 或 Stylus 设计，框架本身已经处理导入、前缀和嵌套等工作。个别预处理场景的修复，不能被当成全面支持的承诺。
兼容性文档与升级说明目前划定了两条边界：浏览器是否具备核心能力，项目迁移是否完成验证。官方提到正在探索兼容模式，但还没把它列为已交付的解决方案。需要覆盖旧环境的团队，v3.4 仍是官方当前给出的保留选择。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
