Tailwind CSS 浏览器支持

2022-07-26 09:35 更新

浏览器支持

了解 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'),
  ]
}


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号