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

发布于 2020-03-04 10:07:38 字数 1006 浏览 1322 评论 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 许可下提供的。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

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

0 文章
0 评论
84961 人气
更多

推荐作者

浪漫人生路

文章 0 评论 0

620vip

文章 0 评论 0

羞稚

文章 0 评论 0

走过海棠暮

文章 0 评论 0

你好刘可爱

文章 0 评论 0

陌若浮生

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文