CloudFlare 不是缩小 CSS，而是通过删除规则块来剥离它答案

【问题标题】：CloudFlare is not minifying CSS, but stripping it by deleting chunks of rulesCloudFlare 不是缩小 CSS，而是通过删除规则块来剥离它
【发布时间】：2017-02-19 16:19:59
【问题描述】：

它破坏了网页设计。

要重现，请转到您的仪表板。转到速度选项卡。并在 Auto Minify 下勾选 CSS。现在清除缓存下的所有内容。

CloudFlare 缩小前的 CSS 文件： http://pastebin.com/zxDfysZV

CloudFlare 缩小后的 CSS 文件： http://pastebin.com/FdF91c3y

我知道它看起来很乱，这是一个巨大的文件，所以只需滚动到第一个链接的底部并查看面包屑规则。例如。 .breadcrumb li:before{content:' \BB ';} 在缩小版中，它与许多其他规则一起消失了，我的意思是很多，使用删除这么多规则的功能甚至是不可接受的。

CloudFlare 上 CSS 缩小的定义：Reduce the file size of source code on your website.

【问题讨论】：

标签： css caching minify cloudflare

【解决方案1】：

通常，当缩小破坏时，这意味着您的 CSS 中存在格式错误。我目前无法自己检查，但我建议您在网上找到另一个缩小服务，看看它对您的文件有什么影响。

【讨论】：

接下来我会尝试获取 cloudflare-minified CSS，看看它是否有效。
确实如此，但缺少一半规则。
它与@supports (-webkit-appearance: none) 部分有关。删除它并查看其余部分是否正确缩小。如果是这样，您可能必须将该部分加载到您明确不缩小的不同 css 文件中。