7

我在登台环境中将多个样式表编译为一个最小样式表样式在 IE 中本地应用,其中每个样式表都是独立的,但它们没有应用于 IE 中的登台环境,其中样式表被编译为一个最小样式表。我已经通过 CSS 验证器运行样式表,并检查了每个样式表并更正了我发现的任何语法错误。我不一定需要知道如何解决问题,我主要是想知道问题出在哪里。IE 开发者工具没有给我任何关于样式没有被应用的问题的反馈。

这是登台环境中登录页面的链接:https ://s-app.joinhere.com/manage/sessions/new 。样式在样式表中,只是没有在 IE 中应用。这是编译后的最小样式表的链接:https ://staging.joinhere.com/assets/manage-d4f70cefc93b170b5f2a04509db697c8.css

谢谢!

4

2 回答 2

10

我试过你的页面,它在 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 限制的较小的文件,看看这是否能解决问题。

于 2012-04-05T22:37:18.840 回答
1

我不确定您的个人设置,但是,任何 < IE 10 都只能处理 32 个单独的样式表,之后的任何内容都会像它的工作一样出现在开发工具中,但请放心,33 样式表致力于无声的生活失败。

于 2012-08-18T04:39:45.527 回答