将css文件合并为一个可以打破网站布局

时间:2013-05-02 09:35:51

标签: html css assetic

我有一个我正在处理的网站,我一直在开发模式下运行,它没有将我拥有的所有css文件合并到一个脚本中。一切都很好。在prod上运行时,我的所有css文件都合并为一个文件。这是使用资产来做到这一点,然而发生的事情是一切都像疯了一样破碎。谁能告诉我为什么会这样呢?资产是否没有以正确的顺序组合资产?

仅供参考,以下是在dev上运行的网站,此处是prod上运行的网站

1 个答案:

答案 0 :(得分:0)

我认为发生的事情是组合的CSS文件中存在错误。有些错误会影响解析样式表的其余部分,所以它就会停止。这就是为什么你没有在单个文件中遇到它那么糟糕,因为不是页面的整个样式停止但是我认为会有一两个声明没有加载到那些单独的文件中。

在Dev网站的CSS验证中查看here。虽然一堆错误只是直接来自引导程序,并且不会导致解析完全停止,但是还有一些其他错误可能会影响工作表的其余解析。

这样的事情:

#order-history .
#order-history .data-block img {

这是http://dev.shopious.com/css/3a76827_part_6_order-history_11.css

的第73行

仔细检查验证结果,看看您发现了哪些错误。