首先给个链接:http://leaverou.github.io/prefixfree/ ;
使用:推荐直接在头部引用样式表之后引用该脚本文件,防止FOUC( 文档样式短暂失效 Flash of Unstyled Content ;也就是浏览器会瞬间闪烁)
原因大致为:
1、使用import方法导入样式表。
2、将样式表放在页面底部
3、有几个样式表,放在html结构的不同位置。其实原理很清楚:当样式表晚于 结构性html 加载,当加载到此样式表时,页面将停止之前的渲染。此样式表被下载和解析后,将重新渲染页面,也就出现了短暂 的 花屏现象。
局限性:1、被@import的样式文件无效;2、跨域链接的样式表无效,除非是跨域资源共享的;3、在Chrome和Opera浏览器的本地环境下无前缀链接的样式文件无效;4、在IE和低于3.6版本的火狐下行内样式中无前缀的值无效,低于3.6版本的火狐下行内样式中无前缀的属性无效。
用于实际项目的话还是得考虑清楚其中的得失利弊。