在响应式网站上汇总和压缩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文件

回答

相关问题