# 【Tailwind CSS】Browser Support
* 支援:
Chrome、FireFox、Edge
* 不支援:
IE(包含IE 11)

* 某些 css 新功能可能不是每個瀏覽器都支援，但 Tailwind 也有提供這些 css，使用者可以根據自己的開發狀況選用
* 可以透過 [Can I use](https://caniuse.com/?search=focus-visible) 來檢查這個 css 功能在各個瀏覽器上的支援情況

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

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

使用 Tailwind Cli 他會自動幫你加上前綴，或是可以安裝 [Autoprefixer](https://github.com/postcss/autoprefixer)

npm install -D autoprefixer

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

想要了解更多如何指定需要支援的瀏覽器，可以查看 [Browserslist](https://github.com/browserslist/browserslist)，它是前端工具中用於定義目標瀏覽器的標準方法。