1

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

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

background: linear-gradient(red, blue);

为了简单起见,颜色发生了变化。这在 Chrome 中运行良好,但在 Safari 中运行良好。Safari 需要:

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

您可以通过访问我的小提琴(https://jsfiddle.net/vz6gjety/1/)使用 chrome 然后使用 safari 来检查这一点。

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

4

1 回答 1

0

Alexander O'Mara非常友好地指出,当我在 Windows 上时,我使用的是一个非常过时的 Safari 版本:

根据 MDN的说法,Safari 从 5.1 开始就不再需要它了。由于只有基于 Windows 的 Web 开发人员实际使用 Safari 5.1(Apple 在放弃它之前为 Windows 发布的最后一个版本),如果您仍然希望它作为前缀,您可能必须调整自动前缀设置以包含这个过时的浏览器。

于 2015-10-08T19:38:23.723 回答