codecamp

Tailwind CSS 浏览器支持

浏览器支持

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


Tailwind CSS 生产优化
Tailwind CSS 功能类优先
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Tailwind CSS 基础样式

Tailwind CSS 可访问性

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }