Prefixfree CSS前缀自动补全工具

前端样式的懒人福音——Prefixfree，写 CSS 不用再为那些厂商前缀头大了。Lea Verou 写的这个小工具挺聪明，能自动帮你在运行时加上-webkit-、-moz-这些前缀，换句话说，你写的是transform，浏览器收到的却是已经加好前缀的样子，兼容问题轻松搞定。

Prefixfree 的核心思路就是让你专心写“干净”的 CSS，其他的交给它。像box-shadow、animation、flex这些属性，直接写原生的就行，不用再查哪个浏览器要加什么前缀，省时省力。

用法也简单：直接在index.html里引入它的 JS 文件：

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

写 CSS 就跟平时一样，没啥额外的语法或配置，响应也快，代码也清爽。

不过注意哦，Prefixfree是在运行时做的，不适合放在大型线上项目里。如果你做的是后台管理系统、个人博客或者原型项目，那挺适合。如果项目追求极致性能，还是推荐用像PostCSS + autoprefixer这种构建时方案。

对浏览器兼容性感兴趣的，可以顺便看看这些资料：

• CSS 浏览器兼容性学习
• css 浏览器兼容性前端人员的必备
• WEB 浏览器兼容性开发宝典

如果你还在为手写前缀烦恼，可以试试 Prefixfree，尤其是做 demo 或测试时，真的蛮方便的。