我在一个临时环境中将几个样式表编译成一个最小样式表样式在IE中本地应用,其中每个样式表是独立的,但它们没有应用于IE中的临时环境中,其中样式表被编译成一个最小样式表.我已经通过CSS验证器运行了样式表,并浏览了每个样式表并更正了我发现的任何语法错误.我不一定需要知道如何解决问题,我主要想知道问题存在的地方. IE开发人员工具没有给我任何与未应用的样式问题相关的反馈.
以下是登台环境中登录页面的链接:https://s-app.joinhere.com/manage/sessions/new.样式位于样式表中,它们只是未在IE中应用.这是编译的min样式表的链接:https://staging.joinhere.com/assets/manage-d4f70cefc93b170b5f2a04509db697c8.css
谢谢!
解决方法
我试过你的页面,它在Chrome中运行良好.然而,它在IE9中看起来很奇怪,就像没有应用CSS样式一样,就像你描述的那样.例如,样式体#management-sessions #main_container #login_container未应用.我查看了开发人员工具中的css选项卡,结果发现风格甚至不存在,这解释了它是如何工作的.为了找出原因,我使用了开发人员工具中的网络检查器,并在IE9下载css时检查了响应,并且样式体#manage-sessions #main_container #login_container确实在响应中.这让我相信IE的最大css文件大小必须有一些限制.看来这确实是
here所描述的情况.显然,如果css文件超过一定大小,IE就会忽略其他样式.所以这解释了为什么一切都在css文件是独立的时候起作用,以及为什么在你将它们组合起来之后就会崩溃.要解决此问题,请尝试将大型css文件拆分为2个或更多小于IE限制的文件,并查看是否可以解决问题.