了解 Tailwind 支持哪些浏览器以及如何管理浏览器引擎前缀。
从 v2.0 开始,Tailwind CSS 专为 Chrome,Firefox,Edge 和 Safari 的最新稳定版本设计并在其上经过了测试。 Tailwind CSS v2.0 不支持任何版本的 IE,包括 IE 11。
如果您需要支持 IE11,我们建议您使用 Tailwind CSS v1.9,它仍然是一个优秀的、非常有生产力的框架。
某些功能,如 focus-visible
, Tailwind 默认包括在内,但不是被所有现代浏览器所原生支持。我们已经将这些功能推荐的 polyfills 信息直接包括在功能本身的文档中。
如果您正在使用 tailwindcss
CLI 工具,浏览器引擎前缀将自动添加。
如果没有,我们建议您使用 Autoprefixer。
要使用它,请通过 npm:
# Using npm
npm install autoprefixer
# Using Yarn
yarn add autoprefixer
然后将其添加到您的 PostCSS 配置插件列表的末尾:
module.exports = {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
]
}