我刚开始使用grunt-postcss autoprefixer来帮助我解决浏览器兼容性问题,但我注意到它并不总是有效。
具体来说,我页面的一些元素使用:
background: linear-gradient(red, blue);
为简单起见改变了颜色。这适用于Chrome,但不适用于Safari。 Safari需要:
background: -webkit-linear-gradient(red, blue);
您可以使用chrome然后使用safari访问我的小提琴(https://jsfiddle.net/vz6gjety/1/)来检查这一点。
但是,grunt-postcss autoprefixer不会捕获此信息并且不会添加前缀。这是我可以使用数据库的限制吗?我会发布我能找到的内容,但我还没有足够的声誉。
答案 0 :(得分:0)
Alexander O'Mara非常友好地指出,当我在Windows上时,我正在使用一个非常过时的Safari版本:
According to MDN,Safari自5.1起就没有要求它。仅限 基于Windows的Web开发人员实际上使用的是Safari 5.1(最新版本) 苹果在放弃它之前发布了Windows,你可能会 必须调整自动前缀设置以包含此过时 浏览器,如果你仍然想要它前缀。