我正在暂存环境中将多个样式表编译成一个最小样式表这些样式在 IE 中本地应用，其中每个样式表都是单独的，但它们没有应用到 IE 中的暂存环境中，其中样式表被编译成一个最小样式表.我已经通过 CSS 验证器运行样式表，并检查了每个样式表并更正了我发现的任何语法错误。我不一定需要知道问题是怎么解决的，我主要是想知道问题出在哪里。 IE 开发人员工具没有给我任何与未应用样式问题相关的反馈。
这是暂存环境中登录页面的链接:https://s-app.joinhere.com/manage/sessions/new .样式在样式表中，只是没有在 IE 中应用。这是已编译的最小样式表的链接:https://staging.joinhere.com/assets/manage-d4f70cefc93b170b5f2a04509db697c8.css
谢谢!
最佳答案
我尝试了您的页面，它在 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 限制范围内的较小文件，然后查看是否可以解决问题。
关于css - IE 不应用样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10036454/