跳到主要內容
前端開發

跨瀏覽器 CSS 前綴:Autoprefixer 與 Browserslist

記錄當時查詢 CSS 相容性、Autoprefixer、Browserslist 與瀏覽器 hack 的資料來源。

W

這邊記錄處理跨瀏覽器 CSS 時查到的資訊。

相容性查詢

Autoprefixer

安裝並設定後,編譯時會依支援範圍自動補上其他瀏覽器需要的 CSS 前綴。

Browserslist

如果要手動處理特定瀏覽器,也可以參考 browser-hack-sass-mixins

2026 年後記

Autoprefixer 與 Browserslist 的分工仍然是「依目標瀏覽器決定要產生哪些相容性處理」。實際設定方式要以目前建置工具與套件版本為準,也不建議把舊瀏覽器 hack 清單直接整份搬進專案。

分享這篇