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文件大小必须有一些限制。看来here描述的情况确实如此。显然，如果css文件超过一定大小，IE就会忽略其他样式。所以这解释了为什么当css文件是分开的时候一切都能正常工作，以及为什要解决此问题，请尝试将大型css文件拆分为2个或更多小于IE限制的文件，并查看是否可以解决问题。

Answer 2

我不确定你的个人设置，但是，任何事情＆lt; IE 10只能处理32个单独的样式表，之后的任何东西仍会出现在开发工具中，比如它的工作但是放心，33样式表致力于一生无声的失败。