css - 使用 output_style = :compressed 中断 Susy 布局

Question

我知道使用不同的 CSS 压缩不应该对网站结果产生任何影响（除了较小的文件大小），但是当我将 Compass 设置为吐出压缩的 CSS 时，我的网站完全崩溃了。

我不确定是什么中断了，但我相信是 Susy 与其他一些 Compass 函数（如 sprite 或 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

score 1 · Accepted Answer

问题在于这段代码（_general.scss，第 208 行）：

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

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

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

我不确定这个 CSS 属性的作用，尝试将它应用到htmlor *：

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

1 回答 1