IE不应用样式

Question

我在一个临时环境中将几个样式表编译成一个最小样式表样式在IE中本地应用,其中每个样式表是独立的,但它们没有应用于IE中的临时环境中,其中样式表被编译成一个最小样式表.我已经通过CSS验证器运行样式表,并且已经完成了每个样式表并更正了我发现的任何语法错误.我不一定需要知道如何解决问题,我主要想知道问题存在的地方.IE开发人员工具没有给我任何与未应用的样式问题相关的反馈.

以下是登台环境中登录页面的链接:https://s-app.joinhere.com/manage/sessions/new.样式在样式表中,它们只是没有在IE中应用.下面就来编译分钟样式表的链接:https://staging.joinhere.com/assets/manage-d4f70cefc93b170b5f2a04509db697c8.css

谢谢!

Answer 1

我试过你的页面,它在Chrome中运行良好.然而,在IE9中它看起来很奇怪,就好像没有应用CSS样式一样,就像你描述的那样.例如,样式body#manage-sessions #main_container #login_container未应用.我查看了开发人员工具中的css选项卡,结果发现风格甚至不存在,这解释了它是如何工作的.为了找出原因,我使用了开发人员工具中的网络检查器,并在IE9下载css时检查了响应,并且样式body#manage-sessions #main_container #login_container确实在响应中.这让我相信IE的最大css文件大小必须有一些限制.看来这确实是这里描述的情况.显然,如果css文件超过一定大小,IE就会忽略其他样式.所以这解释了为什么当css文件是分开的时候一切都能正常工作,以及为什 要解决此问题,请尝试将大型css文件拆分为2个或更多小于IE限制的文件,并查看是否可以解决问题.