Safari 和重复属性显示

Question

我使用 gulp 和 postcss/autoprefixer 并将 browserlists 列表设置为 .browserslistrc 文件，这一切都很好，但是当涉及到 Safari 和使用 flexbox 时，我仍然遇到这个问题。 ..

Safari 然后完全忽略 flexbox，因为它似乎有显示重复的问题。我将 browserslist 查询设置为 Last 2 versions。

有什么想法吗？

Answer 1

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

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