CSS 和瀏覽器相容性檢查表
跨現代瀏覽器和裝置的彈性佈局的實用清單。
- 從語意 HTML 和無需 JavaScript 的可讀佈局開始。
- 使用功能查詢，例如
@支援當增強取決於 CSS 功能。 - 測試鍵盤焦點、縮放至 200%、減少運動、深色模式和強制顏色。
- 避免文字容器的高度固定；允許包裹和擴展。
- 當您的受眾需要時，為更新的顏色函數、容器查詢和高級選擇器提供後備。
- 測試 Safari/iOS、Chromium 和 Firefox，而不是依賴一種引擎。
- 使用多語言和從右到左佈局的邏輯屬性。
- 檢查列印樣式和表單控件，而不僅僅是主要視覺佈局。