据我所知,使用不同的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
答案 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;
}
}