概念與分工詞條 1-22

瀏覽器相容性Browser Compatibility

也常叫做：瀏覽器支援、Cross-Browser、相容性問題

你可能會這樣說

客戶用 iPhone 開網站，發現按鈕點不動——自己電腦上明明好好的。原來不同瀏覽器支援新功能的腳步不一樣。

瀏覽器相容性是指同一個網站在不同瀏覽器上是不是都正常。各家對新語法的採用速度不同，太新的寫法舊瀏覽器看不懂。

就像新推出的 App，新款手機跑得順、舊機種可能裝不了。常見地雷是 Chrome 正常、Safari 跑版，因為 iPhone 上的 Safari 比較保守。

網站做完請 AI「掃一輪相容性，太新的語法換成保守寫法」，能少踩很多雷。

-webkit-display: flex@supports

同一段樣式，常常要準備好幾種寫法給不同瀏覽器。

圖 1-24　點各段看：相容性就是準備多種寫法，讓每個瀏覽器都聽得懂。

中文就可以

我的網站在 Safari 上按鈕點不動，Chrome 正常。請：
1. 先列出最可能的三個原因。
2. 給我能在主控台貼上測試的檢查程式碼。
3. 找到原因後，給我兩種瀏覽器都能跑的寫法。
4. 順便檢查整站有沒有類似問題。