前端開發
跨瀏覽器 CSS 前綴:Autoprefixer 與 Browserslist
記錄當時查詢 CSS 相容性、Autoprefixer、Browserslist 與瀏覽器 hack 的資料來源。
W
這邊記錄處理跨瀏覽器 CSS 時查到的資訊。
相容性查詢
Autoprefixer
安裝並設定後,編譯時會依支援範圍自動補上其他瀏覽器需要的 CSS 前綴。
Browserslist
如果要手動處理特定瀏覽器,也可以參考 browser-hack-sass-mixins。
2026 年後記
Autoprefixer 與 Browserslist 的分工仍然是「依目標瀏覽器決定要產生哪些相容性處理」。實際設定方式要以目前建置工具與套件版本為準,也不建議把舊瀏覽器 hack 清單直接整份搬進專案。