使用output_style =:压缩破坏Susy布局

时间:2013-08-06 08:12:22

标签: css sass compass-sass susy-compass

据我所知,使用不同的CSS压缩不应该对网站结果产生任何影响(除了较小的文件大小),但是当我将Compass设置为吐出压缩的CSS时,我的网站完全中断。

我不确定是什么打破了,但我相信它是Susy与其他指南针功能碰撞,如精灵或base64内嵌图像功能。

为了不在此问题中粘贴太多代码,这里有两个演示链接(相同的源,相隔几秒生成)

在config.rb中使用 output_style =:expanded (一切正常): http://davidpaulsson.se/expanded/

在config.rb中使用 output_style =:compressed (布局中断): http://davidpaulsson.se/compressed/

我正在使用Jekyll生成静态文件,源文件在Github上可用:https://github.com/davidpaulsson/davidpaulsson.se/tree/master/sass

1 个答案:

答案 0 :(得分:1)

问题在于这段代码(_general.scss, line 208):

@media screen and (max-width: 769px) {  
    -webkit-text-size-adjust:none;
}

这里有一个没有选择器的CSS声明,这是无效的。

SASS应该会产生错误。也许它没有这样做,因为@media包装器看起来像一个选择器。

我不确定此CSS属性的作用,请尝试将其应用于html*

@media screen and (max-width: 769px) {
    html {
        -webkit-text-size-adjust:none;
    }
}