Flexbox：Autoprefixer添加一个破坏Safari的css属性

Question

当我添加

   display: flex;

到我的容器div，autoprefixer（我正在使用Grunt和“grunt-autoprefixer”：“^ 3.0.3”）添加：

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

问题是，我的布局在Safari中打破

  display: -webkit-box;

如果我让它显示：-webkit-flex一切都很好。关于如何禁用此功能的任何想法？

Answer 1

原始海报在他们的评论中回答了这个问题，但只是为了回顾一下，Safari（8无论如何）想要-webkit-flex，哪个autoprefixer根据你的设置没有吐出（或者根本不是，我没有实际上是尝试修改设置。如果你的CSS看起来像：

display:flex;
display:-webkit-flex;

似乎解决了这个问题，因为autoprefixer输出现在将是：

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

对于任何其他flexbox属性也是如此：

display:flex;
display:-webkit-flex;
flex-direction:column;
-webkit-flex-direction:column;
justify-content: center;
-webkit-justify-content:center;