css – IE不应用样式

我在一个临时环境中将几个样式表编译成一个最小样式表样式在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限制的文件,并查看是否可以解决问题.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效