使用 prefix 摆脱CSS3前缀

2019独角兽企业重金招聘Python工程师标准>>>

prefix介绍与使用方法：

-prefix - 可以让你在写css3的时候无需再添加前缀（如：-webkit-、-moz-、-ms-、-o-）。它的工作原理幕后，将当前浏览器的前缀添加到任何CSS代码前面（当它需要的时候）

特点：

• 处理 <link> 或<style>元素，在需要的地方自动添加前缀；
• 处理新的<link>或<style>元素，即网页加载完后再添加的新标签，需要Dynamic DOM plugin；
• 使用jQuery’s .css()来设置属性，需要jQuery plugin；
• JS 只有 5KB（gzip后仅2.5KB）。

缺点：

• 不支持 @import 文件；
• 不支持跨域（cross-origin）链接的样式表；
• 不支持 filter和一些未知的属性。

支持浏览器

IE9+, Opera 10+, Firefox 3.5+, Safari 4+ 和 Chrome

使用方法

在引入的css后面加载js脚本

<script src="prefixfree.min.js"></script>

官方网址：http://leaverou.github.io/prefixfree

转载于:https://my.oschina.net/kangweb/blog/1635392