css - 如何管理现代/古代浏览器的 Assets

Question

有了新的浏览器增强功能，如 CSS3 动画、渐变、SVG 背景等……新浏览器不必下载旧版 CSS 代码，旧版浏览器也不必下载高级 CSS 代码。那么在 HTTP 级别(没有服务器端编程方法)你如何处理这样的问题？您是否应该为两组浏览器提供 base.css 文件，然后根据请求的浏览器组提供一个额外的 CSS 文件？有没有一种方法可以包含一个 CSS 文件，该文件只是将浏览器重定向到特定于浏览器组的重写？或者这是应该首先在客户端弄清楚并下载的东西吗？

Answer 1

完全接受优雅降级和渐进增强的概念将允许您为所有目标浏览器使用相同的 css - 简而言之，如果浏览器不支持 css3 圆 Angular - 给它供应商前缀规则;如果它也不支持 - 没什么大不了的，该网站仍然可以使用方 Angular 。

与额外的 http 请求相比，使用特定于供应商的前缀和标准前缀下载规则的开销将是最小的，并且会提高可维护性，并且由于不必依赖浏览器检测而为您省去麻烦。

特定于布局的 hack 通常只能应用于 IE 系列，这可以作为 html 条件注释的目标。