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

标签 css http browser

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

最佳答案

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

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

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

关于css - 如何管理现代/古代浏览器的 Assets ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10038293/

相关文章:

html - 悬停对 parent child 的 child 的影响

css - 如何在 CSS 中制作响应式背景图片?自举

javascript - AngularJS - 将多个 get 请求收集到 json 数组中,然后传递给指令

javascript - 有没有办法在没有 WebRTC 的情况下连接两个浏览器?

javascript - JavaScript 浏览器内编辑器的名称

javascript - 使用 jquery 捕获 <li> 元素上的点击事件在 iPad 上不起作用

javascript - 如何执行删除 MySQL 数据库条目的确认弹出窗口?

ios - 如何快速在 iOS 的全局请求中添加 HTTP header

http - HTTP/1.1 是否允许通过半关闭连接来定界请求结束?

html - 由于流媒体网站导致 Jsoup 延迟