2013-08-06 45 views
1

我知道使用不同的CSS壓縮不應該對站點結果產生任何影響(除了較小的文件大小),但是當我設置Compass吐出壓縮的CSS時,我的站點完全中斷。使用output_style =:壓縮中斷Susy佈局

我不確定它是什麼突破,但我相信它是Susy與Sprite或Base64內嵌圖像函數等其他一些Compass函數相沖突。

爲了在這個問題上沒有粘貼太多的代碼,這裏有兩個環節來證明(同一來源,產生相隔秒)

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

使用output_style =:在config.rb壓縮(佈局符): http://davidpaulsson.se/compressed/

我使用Jeky LL生成靜態文件,源文件可在Github上:https://github.com/davidpaulsson/davidpaulsson.se/tree/master/sass

+0

請通過http://sassbin.com分享你的源代碼SASS(編輯您的帖子,寫後續評論在這裏爲我注意)。 –

+0

您必須提供足夠的代碼來解決問題。將代碼放在非現場演示(如JSfiddle或Codepen)中是很好的,可以幫助人們更輕鬆地理解您的問題。 – KatieK

+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; 
    } 
}