-prefix-free 是一个 JavaScript 工具库,用于帮助你从 CSS 前缀的地狱中解脱出来。你编写的 CSS 代码无需填写浏览器前缀,在需要的时候,-prefix-free 会帮助你自动添加当前浏览器需要的前缀。
-khtml- Konqueror
-rim- RIM
-ms- Microsoft(IE)
-0- Opera
-moz- Mozilla(如Firefox)
-webkit- Webkit
该页面上列出了prefixfree.js几个局限性的地方:
不支持@import-ed之类文件
不支持跨域链接样式
不支持filter
无前缀链接样式Chrome和Opera下部分不理
行内style无前缀值在IE和FireFox3.6以下不理,FireFox 3.6下的属性亦如此
浏览器支持
目标浏览器为IE9+, Opera 10+, Firefox 3.5+, Safari 4+ 和 Chrome。
总结:
1、旧版 IE 是不会获得前缀:如果你的 CSS 有 transform:rotate(10deg),这个 prefixfree.js 不会自动转换到 filter 或者添加 -ms- 前缀(有可能把布局弄垮)
2、如果游览器不支持 Javascript,CSS 代码不会得到前缀(有可能把布局弄垮,某些游览器需要前缀)
3、从好的方面来看,这款 JS 只有 5KB(gzipped 后2.5KB):2.5KBvs 重复的 CSS 代码
近期评论