EasyUI 在 IE9 版面錯亂的相容性解決方案

EasyUI 1.4.4 + jQuery 1.11.3 在 IE10 正常，IE9 版面卻錯亂。常見原因包括文件模式、CSS Hack、HTML5 標籤支援等。

排查步驟

1. 確認頁面頂部有 <!DOCTYPE html>，強制標準模式，避免 IE9 進入相容模式。
2. 在 <head> 加入 <meta http-equiv="X-UA-Compatible" content="IE=Edge">，鎖定最高渲染引擎。
3. EasyUI 依賴 HTML5 語意標籤（section, header 等），IE9 需引入 html5shiv.js。
4. 檢查 CSS 中是否使用 IE9 不支援屬性（如 flex, calc），改用浮動或表格佈局替代。
5. jQuery 1.11.3 支援 IE9，但需確保未載入 jquery-migrate 衝突版本。

參考資源

CSDN 部落格有詳細排查案例（連結），可對照專案逐項驗證。