资讯专栏INFORMATION COLUMN

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

voidking / 3250人阅读

摘要:最近在做的前端项目遇到一个很奇怪的问题,在和其他现代浏览器下显示正常的元素,在下却显示异常。无论怎么加还是其他方法都没有用。由此怀疑是不是对文件长度有限制,超出部分会自动截断我的之前是,之后是。

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111362.html

相关文章

  • 自我总结CSS陷阱(长期更新)

    摘要:低版本万恶的不支持通过解决,或者是。不支持动画属性通过解决下双倍边距问题通过解决。简单的解决方案时为相对定位的框设置宽度和高度。不能写进一个声明中。 低版本IE bug 万恶的IE6/7 IE6 position:fixed不支持:通过css expression解决,或者是_position:absolute。 * html, * html body { bac...

    iliyaku 评论0 收藏0
  • 水平居中布局与滚动条跳动千年难题

    摘要:于是,问题来了,信息流页面,如新浪微博,是从上往下渲染的。,结构类似几个页面通过头部的水平导航刷新切换,结果有的页面有滚动条,有的没有。 绝大多数的页面间布局都是水平居中布局,主体定个宽度,然后margin: 0 auto的节奏~例如,妇女之友大淘宝的首页: .warp{ width:1190px; margin:0 auto; position:relativ...

    nifhlheimr 评论0 收藏0
  • 水平居中布局与滚动条跳动千年难题

    摘要:于是,问题来了,信息流页面,如新浪微博,是从上往下渲染的。,结构类似几个页面通过头部的水平导航刷新切换,结果有的页面有滚动条,有的没有。 绝大多数的页面间布局都是水平居中布局,主体定个宽度,然后margin: 0 auto的节奏~例如,妇女之友大淘宝的首页: .warp{ width:1190px; margin:0 auto; position:relativ...

    songjz 评论0 收藏0
  • 水平居中布局与滚动条跳动千年难题

    摘要:于是,问题来了,信息流页面,如新浪微博,是从上往下渲染的。,结构类似几个页面通过头部的水平导航刷新切换,结果有的页面有滚动条,有的没有。 绝大多数的页面间布局都是水平居中布局,主体定个宽度,然后margin: 0 auto的节奏~例如,妇女之友大淘宝的首页: .warp{ width:1190px; margin:0 auto; position:relativ...

    techstay 评论0 收藏0
  • 水平居中布局与滚动条跳动千年难题

    摘要:于是,问题来了,信息流页面,如新浪微博,是从上往下渲染的。,结构类似几个页面通过头部的水平导航刷新切换,结果有的页面有滚动条,有的没有。 绝大多数的页面间布局都是水平居中布局,主体定个宽度,然后margin: 0 auto的节奏~例如,妇女之友大淘宝的首页: .warp{ width:1190px; margin:0 auto; position:relativ...

    mo0n1andin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<