autoprefixer添加的前缀不完整

momo707577045
  • 1.9k

使用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的前缀吧
求解

回复
阅读 4.4k
2 个回答
✓ 已被采纳
爱妹粉丝
  • 4
新手上路,请多包涵

请问 IE9 的 -ms- 前缀也放弃治疗了?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏