grunt-postcss autoprefixer 没有为背景添加 -webkit-linear-gradient

grunt-postcss autoprefixer not adding -webkit-linear-gradient for background

我刚开始使用 grunt-postcss autoprefixer 来帮助我解决浏览器兼容性问题,但我注意到它并不总是有效。

具体来说,我页面的某些元素使用:

background: linear-gradient(red, blue);

为简单起见更改了颜色。这在 Chrome 中工作正常,但在 Safari 中不工作。 Safari 需要:

background: -webkit-linear-gradient(red, blue);

您可以使用 chrome 访问我的 fiddle (https://jsfiddle.net/vz6gjety/1/),然后使用 safari 来查看。

然而,grunt-postcss autoprefixer 没有捕捉到这一点,也没有添加前缀。这是我可以使用数据库的限制吗?我会 post 我在那里能找到什么,但我还没有足够的声誉。

Alexander O'Mara 非常友好地指出,因为我在 Windows,我使用的是极其过时的 Safari 版本:

According to MDN, Safari hasn't required it since 5.1. Since only Windows-based web developers actually use Safari 5.1 (the last version Apple released for Windows before abandoning it), you would probably have to adjust the auto-prefix settings to include this obsolete browser if you still want it prefixed.