autoprefixer添加的前缀不完整
使用gulp插件autoprefixer时,添加的前缀不足。只有部分添加了前缀
代码如下:
var inputDir = './build/css/*.css';//输入
var outputDir = './publish/css';//输出
var options = {
browsers: ['last 2 versions', 'Android >= 4.0', "ff > 20"],
cascade: true, //是否美化属性值 默认:true 像这样:
//-webkit-transform: rotate(45deg);
// transform: rotate(45deg);
remove: true //是否去掉不必要的前缀 默认:true
};
效果如下
使用前:
.m_tipBox { transform: translate(-50%, -50%); }
使用后:
.m_tipBox { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
可以看到gulp是生效了,但是只添加了一种前缀(Webkit内核:前缀为-webkit)。
没有添加其他浏览器的前缀,如
Trident内核:前缀为-ms 主要代表为IE浏览器
Gecko内核:前缀为-moz 主要代表为Firefox
Presto内核:前缀为-o 主要代表为Opera
是我gulp写的不对吗?但是明明写了"ff > 20"了呀,至少会添加-moz的前缀吧
求解
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
http://caniuse.com/#search=tr...
根据caniuse
firefox要版本号15之前的才需要-moz前缀
请问 IE9 的 -ms- 前缀也放弃治疗了?