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.
我刚开始使用 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.