我正在暂存环境中将多个样式表编译为一个最小样式表。样式在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样式没有被应用,正如您所描述的那样。例如,样式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限制的小css文件,看看这是否能解决问题。
我不确定你的个人设置,但是,任何东西<IE 10只能处理32个单独的样式表,之后的任何东西都会像它的工作一样出现在开发工具中,但请放心,33个样式表将经历无声的失败。