cssFx 为 CSS3 属性自动添加插入浏览器厂商前缀
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论