Safari和重复属性显示

我正在使用

gulp

和

postsss/autoprefixer

并将

browserlists

列表设置为.browserslistrc文件，这一切都很好，但当涉及Safari和使用flexbox时，我仍然会遇到这个问题

Safari然后完全忽略flexbox，因为它似乎在显示复制方面存在问题。我将browserslist查询设置为

Last 2 versions

---

有什么想法吗？

我自己也遇到了这个问题，最后玩了起来，发现如果按正确的顺序放置css属性，似乎可以解决问题：

display: flex;
display: -ms-flexbox;
display: -webkit-flex;