cssFx 为 CSS3 属性自动添加插入浏览器厂商前缀 - 文章教程

cssFx 为 CSS3 属性自动添加插入浏览器厂商前缀

发布于 2020-03-04 字数 1322 浏览 1127 评论 0

CSS3 添加了很多新的属性,而各个浏览器的支持情况不经相同,有的需要添加浏览器厂商前缀,cssFx 为 CSS3 属性自动添加插入浏览器厂商前缀。

它是如何工作的

当文档完成加载后,内部 <style> 和外部 <link> 处理样式表,获取任何 @import 样式表也是。建议将样式表捆绑到一个文件中,以减少请求开销。一旦处理完成,一个新的 <style> 标记被追加到 <head> 经过处理的属性。默认情况下,所有供应商(Mozilla、Webkit、Opera、Microsoft)的属性都包括在内。

安装

下载cssfx 或者用 Bower 安装它:bower install cssfx.

使用

在您的 <head> 标签:<script src="cssfx.js"></script>

确保要处理的任何外部样式表都具有 cssfx 班级。

支持浏览器

  • Firefox 3+
  • Chrome 1+
  • Internet Explorer 6+
  • Safari 3+
  • Opera 9+

重要考虑

  • IE 和其他浏览器删除未知属性或值未知的属性。要确保所有属性都被解析,请将样式表链接到外部。
  • 为了防止 FOUC (非样式内容的闪存),将 cssfx.js 立即放在样式表标记下。
  • cssFx 只添加前缀。它不具有浏览器中不可用的多填充功能。

许可证

cssFx 是在 MIT 许可下提供的。

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

猫性小仙女

文章 1 评论 0

qq_VO6LhT

文章 0 评论 0

猿舌电影

文章 0 评论 0

7556275422

文章 0 评论 0

YYQ_139

文章 0 评论 0