IE9無法支持大尺寸CSS的陷阱

voidking 發布于2019-08-29 11:00 / 3379人閱讀

摘要：最近在做的前端項目遇到一個很奇怪的問題，在和其他現代瀏覽器下顯示正常的元素，在下卻顯示異常。無論怎么加還是其他方法都沒有用。由此懷疑是不是對文件長度有限制，超出部分會自動截斷我的之前是，之后是。

最近在做的前端項目遇到一個很奇怪的問題，在IE8和其他現代瀏覽器下顯示正常的元素，在IE9下卻顯示異常。

打開IE9蛋疼的Developer Tools后發現原先CSS上寫的樣式壓根就沒有應用到元素上去。無論怎么加hack還是其他方法都沒有用。

然后嘗試把CSS minify一下發現問題消失了。由此懷疑IE9是不是對CSS文件長度有限制，超出部分會自動截斷（我的CSS minify之前是256K，之后是215K）。

Google了一下發現這兩篇文章：

https://groups.google.com/forum/#!topic/cassette/VvKIj-SlwrY

http://matthewbrown.com.au/2010/06/07/internet-explorer-truncates-long-css-files/

結論是：

IE7，IE8，IE9對CSS文件的長度都有某種限制，超出部分會自動截斷

IE7，IE8的限制具體是多少不知道

IE9的限制在250K左右

IE Sucks！！！！！！

云服務器 GPU云服務器 ie9無法安裝瀏覽器對和css3的支持大數據的技術支持支持css3

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111362.html

自我總結CSS中的陷阱（長期更新）

摘要：低版本萬惡的不支持通過解決，或者是。不支持動畫屬性通過解決下雙倍邊距問題通過解決。簡單的解決方案時為相對定位的框設置寬度和高度。不能寫進一個聲明中。低版本IE bug 萬惡的IE6/7 IE6 position:fixed不支持：通過css expression解決，或者是_position:absolute。 * html, * html body { bac...

iliyaku 2019-08-28 18:08 評論0 收藏0
水平居中布局與滾動條跳動的千年難題

摘要：于是，問題來了，信息流頁面，如新浪微博，是從上往下渲染的。，結構類似幾個頁面通過頭部的水平導航刷新切換，結果有的頁面有滾動條，有的沒有。絕大多數的頁面間布局都是水平居中布局，主體定個寬度，然后margin: 0 auto的節奏~例如，婦女之友大淘寶的首頁： .warp{ width:1190px; margin:0 auto; position:relativ...

songjz 2019-07-01 10:20 評論0 收藏0
水平居中布局與滾動條跳動的千年難題

摘要：于是，問題來了，信息流頁面，如新浪微博，是從上往下渲染的。，結構類似幾個頁面通過頭部的水平導航刷新切換，結果有的頁面有滾動條，有的沒有。絕大多數的頁面間布局都是水平居中布局，主體定個寬度，然后margin: 0 auto的節奏~例如，婦女之友大淘寶的首頁： .warp{ width:1190px; margin:0 auto; position:relativ...

techstay 2019-08-22 18:49 評論0 收藏0
水平居中布局與滾動條跳動的千年難題

摘要：于是，問題來了，信息流頁面，如新浪微博，是從上往下渲染的。，結構類似幾個頁面通過頭部的水平導航刷新切換，結果有的頁面有滾動條，有的沒有。絕大多數的頁面間布局都是水平居中布局，主體定個寬度，然后margin: 0 auto的節奏~例如，婦女之友大淘寶的首頁： .warp{ width:1190px; margin:0 auto; position:relativ...

mo0n1andin 2019-08-02 10:58 評論0 收藏0