在響應式網站上彙總和壓縮CSS文件

聚合和壓縮響應式網站上的CSS文件的最佳做法是什麼？當我選擇Drupal 7中的Aggregate和Compress CSS文件選項並且在移動設備上查看網站時，它將使用主站點中的樣式表，而不是該設備的指定樣式表。我正在使用AdaptiveTheme。在響應式網站上彙總和壓縮CSS文件

來源

2013-02-26 Lee Woodman

我認爲你是混合兩件事情。聚合和壓縮css文件選項只是指定是否將css文件聚合和壓縮。我認爲您的問題與您的主題AdaptiveTheme設置 – 2013-02-26 17:56:01

更相關，您是否找到解決方案？ – 2013-12-07 19:29:29

您的網站性能不會放慢。這是在其他地方，而不是CSS縮小。 Online YUI Compressor正確縮小，而不是減慢你的頁面加載速度，它提高了頁面速度。

來源

2013-02-27 20:30:22

那麼根據文檔

您需要打開的生產模式
你做，你需要重新保存主題（以便它可以再次正確地呈現）
所有其他更改響應式主題被放入一個完整的文件
也強烈建議安裝AT Tools，因爲它有其他功能，可以幫助你關於這個

響應樣式 - 生產模式

當生產模式下，所有響應樣式表彙總成一個文件，並使用嵌入式@media查詢。 AT Core將自動聚合每種開發模式樣式表的CSS並將其包裝在正確的媒體查詢中。這減少了HTTP請求從5到1

數此文件始終名爲：ThemeName.responsive.styles.css

默認情況下會在找到該文件：〜/ [公共文件]/adaptivetheme/[ThemeName] /ThemeName.responsive.styles.css

但是，您可以選擇保存AT生成文件的位置，例如，您可以直接將它們保存到主題或輸入自定義目錄路徑 - 請參見文件生成系統。

注意：請參閱下面標題爲「響應式樣式中的相對路徑」的部分。

編號：Referencing AdaptiveThemes documentation

來源

2016-09-12 19:47:17 shaneonabike

在響應式網站上彙總和壓縮CSS文件

回答

相關問題