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

发布于 2020-03-04 10:07:38 字数 1006 浏览 1338 评论 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

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

文章
评论
84965 人气
更多

推荐作者

闻呓

文章 0 评论 0

深府石板幽径

文章 0 评论 0

mabiao

文章 0 评论 0

枕花眠

文章 0 评论 0

qq_CrTt6n

文章 0 评论 0

红颜悴

文章 0 评论 0

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