IE CSS文件限制

标签: ie css 文件 | 发表时间:2014-07-23 18:12 | 作者:sailinglee
出处:http://www.iteye.com

Internet Explorer (IE for short) imposes some CSS file limitations that may directly affect page rendering. Below is a list of known CSS file limitations still found in IE version 9 and earlier.

- Up to 31 CSS files or <style> tags per page. 单个页面最多31个css文件
- Up to 288K per CSS file (uncompressed). 每个css文件大小最大288k
- Up to 4095 selectors per CSS file. 每个css文件最多4095个选择器

If a page exceeds the first limit, it fails loading all the required CSS files. Once a CSS file hits the second or third limit, any additional style in the file will be ignored.

Resource merging, which help you reduce the number of requests made to the server, may bring the following dilemma in IE. If you are not using resource merging, you can pretty easily hit the first limit. On the other hand, if resource merging is enabled you may eventually hit the other two limits. So, to avoid hitting the limits, we recommend that you enable or disable resource merging based on the CSS file structure you are using.

Currently, the solution to automatically manage our CSS files in order to keep them within the limits is not ready yet. We created a corresponding suggestion in our Support Center (Suggestion ID: S35991,  In IE, automatically split CSS resources if their size exceeds 288K) so that you can track our progress on it.

The first limitation usually occurs when the  <head> tag contains several  <link> and  <style> tags. A number of linked styles to the page can be got via the  document.styleSheets.length property in the JavaScript console. Using the  document.styleSheets collection, you will be able to determine what styles are linked to a specific page (e.g. use the FireBug console).

 

 

解决方法:

1.压缩合并css文件

2.css文件中使用@import url(...)     :网上搜索到的,未测试过。。。

 

http://msdn.microsoft.com/en-us/library/ms531194%28VS.85%29.aspx

Resource Merging  http://documentation.devexpress.com/#AspNet/CustomDocument6911

 

转自: http://www.cnblogs.com/fromchaos/archive/2011/08/14/2137723.html



已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [ie css 文件] 推荐:

IE CSS文件限制

- - Web前端 - ITeye博客
单个页面最多31个css文件. 每个css文件大小最大288k. 每个css文件最多4095个选择器. Resource merging, which help you reduce the number of requests made to the server, may bring the following dilemma in IE.

打败 IE 的葵花宝典:CSS Bug Table

- winners - Alipay UED
作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示. 不过,今天要说的是样式的兼容问题. 在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列/Chrome/Safari/Opera etc.

【转】 CSS透明opacity和IE各版本透明度滤镜filter的最准确用法

- - Web前端 - ITeye博客
CSS3的透明度属性opacity想必大家都已经用的无处不在了. 而对于不支持CSS3的浏览器如何进行透明处理,保持浏览器效果的一致,这个估计谁都会写,但是涉及到filter的具体语法含义和各版本写法的不同区别,很多人都搞不准确,我曾经问过许多群里的大牛,说的都不是很准确,网上的说法就更五花八门了.

由一个文件下载的bug发现的IE和firefox的差异点

- - 百度质量部 | 软件测试 | 测试技术 | 百度测试
我上周末在家使用XX产品时, 发现一个基本功能性的bug, 这个功能以前是好的.. 2: 通过分享的链接下载这个文件.   Ie8 有此问题, firefox无此问题. 我将此bug反馈给了QA, 很快研发人员联系我定位, 让我对下载网址加了参数&response-cache-control=private进行测试, 加上此参数后就能正常下载了..

firefox/ie下载百度网盘大文件/linux,wget下载百度网盘大文件

- - 行业应用 - ITeye博客
1.登录后类似这个网址http://pan.baidu.com/disk/home?adapt=pc. 2.修改为http://pan.baidu.com/wap/home?adapt=pc. 4.真正下载后点击下载项任务列表/下载进度列表. 已有 0 人发表留言,猛击->> 这里<<-参与讨论.

IE 16岁了

- yuguichun123 - cnBeta.COM
Firefox 6正式版的发布引来了诸多关注,但悄无声息之中,Internet Explorer迎来了自己的16周岁生日――Mozilla,你才应该是送蛋糕的那个. 1995年8月16日(美国当地时间),微软发布了第一个版本的Internet Explorer. 其实,IE并不是微软完全自主开发的产品,而是花了200万美元购买Spyglass Mosaic浏览器的授权,然后修改而来.

禁止静态文件缓存的方法,可用于JS与CSS文件上

- - CSDN博客互联网推荐文章
什么情况下,要禁止静态文件缓存:. 1、经常可能要改动的 js, css.        比如 一个html 文件, test.html 在 1.0版本中.      修改后  v1.1版本:.    新增加了一个foo.js  同时,也改动了common.js , 在common.js 中定义了新的类,并在foo.js 中使用了common.js.  .

CSS图形

- GLORY - 酷壳 - CoolShell.cn
下面的示例展示了使用纯CSS制作的各种图形,你可以自由地修改文中的CSS代码. 经测试,IE9, Chrome, FF, Safari都可以正常显示. 五角星形 via Kit MacAllister. 心形 via Nicolas Gallagher. 无穷大 via Nicolas Gallagher.

用 Compass 寫 CSS

- Jay - Blog.XDite.net
最近在開發一個新產品,整體來說應該是接近寫完了,不過越接近完工,抓 IE 系列的 bug 就越是挫折. 朋友 @evenwu 就來洗我要不要換成 Compass,說這東西超神奇,超好用,還可以把 IE bug 殺光光. 其實之前就久仰 Compass 大名了,只是文件實在看起來太他媽的眼花繚亂,因為專案進度一直在跑,不太敢貿然換掉寫 CSS 的方式.

CSS 入门

- - 博客 - 伯乐在线
级联样式表非常简单,也就是 (X)HTML 网页之上的分层设计. 使样式表 “级联”,这样您就可以跨站点应用它 — 也就是说,将样式应用到网站,它就会自行应用到每个网页的每个元素. ●XHTML:可扩展 HTML. 对于网站,将数据与设计分离是一个重要的概念:数据使用 (X)HTML 发送到 浏览器,而设计使用 CSS 应用到该数据.