IE 不應用 Styles

Question

我正在暫存環境中將多個樣式表編譯成一個最小樣式表 styles 在 IE 中本地應用，其中每個樣式表都是單獨的，但它們沒有應用於 IE 中的暫存環境，其中樣式表被編譯成一個最小樣式表。 我已經通過 CSS 驗證器運行樣式表，並檢查了每個樣式表並更正了我發現的任何語法錯誤。 我不一定需要知道問題是怎么解決的，我主要是想知道問題出在哪里。 IE 開發人員工具沒有給我任何與未應用 styles 問題相關的反饋。

這是登台環境中登錄頁面的鏈接： https://s-app.joinhere.com/manage/sessions/new 。 styles 在樣式表中，它們只是沒有在 IE 中應用。 這是已編譯的最小樣式表的鏈接： https://staging.joinhere.com/assets/manage-d4f70cefc93b170b5f2a04509db697c8.css

謝謝！

Answer 1

我試過你的頁面，它在 Chrome 中運行良好。 然而，它在 IE9 中看起來很奇怪，就像 CSS styles 沒有被應用一樣，就像你描述的那樣。 例如，未應用樣式body#manage-sessions #main_container #login_container 。 我查看了開發人員工具中的 css 選項卡，結果發現樣式甚至不存在，這解釋了它為何不起作用。 為了找出原因，我使用了開發者工具中的.networks檢查器並檢查了IE9下載css時的響應，響應中確實有body#manage-sessions #main_container #login_container 。 這讓我相信 IE 的最大 css 文件大小一定有一些限制。 看來這確實是這里描述的情況。 顯然，如果 css 文件超過一定大小，IE 會忽略額外的 styles。 因此，這解釋了為什么當 css 文件分開時一切正常，以及為什么在將它們合並后一切都崩潰了。 要解決此問題，請嘗試將 css 大文件拆分為 2 個或更多在 IE 限制下的較小文件，然后查看是否可以解決問題。

Answer 2

我不確定您的個人設置，但是，任何 < IE 10 只能處理 32 個單獨的樣式表，之后的任何內容仍會像其工作一樣顯示在 Dev 工具中，但 rest 請放心，33 個樣式表致力於沉默的生活失敗。