html - 将 css 文件合二为一会破坏站点布局

标签 html css assetic

我有一个我正在使用的网站,我一直在开发模式下运行,它不会将我拥有的所有 css 文件组合到一个脚本中。一切都很好。在产品上运行时,我所有的 css 文件都合并到一个文件中。这是使用 assetic 来实现的,但是发生的事情是一切都崩溃了。谁能告诉我为什么会这样? Assets 是否没有按正确的顺序组合 Assets ?

仅供引用,这是在 dev 上运行的站点这是在 prod 上运行的站点

最佳答案

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

看看here在开发站点的 CSS 验证中。虽然一些错误直接来自 Bootstrap 并且不会导致解析完全停止,但还有一些其他错误可能会影响工作表的其余解析。

像这样的事情:

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

那是 http://dev.shopious.com/css/3a76827_part_6_order-history_11.css 的第 73 行

只需仔细检查验证结果,看看您发现了什么错误。

关于html - 将 css 文件合二为一会破坏站点布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16334724/

相关文章:

jquery - 在调整 div 大小时平滑地移动子元素

css - Symfony2 在网络服务器上的 css 文件中的 img 路径

symfony - Assetic 不创建组合链接

html - 由伪元素创建的内容

css - 我需要帮助让我的内容 div 容器环绕两个内部 div!

PHP 表单在数据库中添加行

javascript - jQuery - 灯箱停留和页面滚动

html - 使用 Font-Family 自定义字体

symfony - 单个样式表必须在 sass 目录中

jquery - 修复表 twitter bootstrap 中的列