【Tailwind CSS】Browser Support

• 支援:
  Chrome、FireFox、Edge

• 不支援:
  IE(包含IE 11)

• 某些 css 新功能可能不是每個瀏覽器都支援，但 Tailwind 也有提供這些 css，使用者可以根據自己的開發狀況選用

  • 可以透過 Can I use 來檢查這個 css 功能在各個瀏覽器上的支援情況

Vender Prefix

有一些 css 會需要加上特別的前綴，這個 css 功能才能被對應的瀏覽器讀懂
ex:

.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}

使用 Tailwind Cli 他會自動幫你加上前綴，或是可以安裝 Autoprefixer

npm install -D autoprefixer

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  }
}

想要了解更多如何指定需要支援的瀏覽器，可以查看 Browserslist，它是前端工具中用於定義目標瀏覽器的標準方法。