最近在做的前端项目遇到一个很奇怪的问题,在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!!!!!!