1

我測試這個網站跨瀏覽器,即9不呈現完整的CSS。即8和任何以上即10做。只有即9不呈現完整的CSS?

我已經在ie 9上搜索了最常見的錯誤和限制,併爲它們進行了測試。

我已經統計了css選擇器的數量,限制是4096,這個樣式表有3000.所以不是這樣。

在css文件中沒有@import語句。

不幸的是,這個項目還沒有公開可見。

我已經包含兩個屏幕截圖,第一個顯示不正確的呈現版本。第二個顯示正確的渲染版本。

我希望有人能幫助我。

編輯:

我已經廣泛應用於IE 9在幾個星期前測試這個網頁,一切有功。目前它在8和10/11中呈現正確。所以我在想的是我遇到了一個限制什麼的。

rendered incorrect

rendered correct

+1

沒有看到任何代碼,它會很難幫助你 - 你能夠將網站的一部分分離到JSFiddle或類似的東西,並嘗試重現這個問題嗎?只說側面導航? – Anuj

+0

感謝您的幫助。這是可能的,但我不認爲這給我們帶來了答案。我已經在幾周前的ie 9中進行了廣泛的測試,並且一切都很好。目前它在8和10/11中呈現正確。所以我在想的是我遇到了一個限制什麼的。 – timmy

+0

你有沒有試過[驗證你的CSS](https://jigsaw.w3.org/css-validator/)? – Turnip

回答

2

我編譯和合併到一個大的css文件我所有的CSS文件。這個文件很大。我在ie 9中檢查了加載的css文件,它加載了多達70%的文件。所以我測試了將文件分成兩部分。

有了兩個樣式表,它表現出色。

所以,雖然我在4096 css選擇器下(即9選擇器限制),但規則的數量也有所不同。粗略地說,一個css文件中規則的最大數量是12000(12K)。太多了。我發現所有的基礎插件都被編譯。所以我要關掉我沒用的東西。

+0

從來不知道這些限制,所以謝謝指出:) –