autoprefixer添加的前缀不完整

发布于 2022-09-04 08:21:20 字数 816 浏览 21 评论 0

使用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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

荒路情人 2022-09-11 08:21:20

http://caniuse.com/#search=tr...
根据caniuse
firefox要版本号15之前的才需要-moz前缀

情未る 2022-09-11 08:21:20

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文