Css 桌面及；移动向后兼容flexbox实现-特别是Safari

让我的flexbox实现在Safari mobile、桌面和Android上运行，我遇到了很大的问题。它对Chrome和IE11非常有效。如果它适用于IE Mobile、早期版本的IE和Firefox，那也不错。这就是我所拥有的：

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

flex-flow: row wrap; 
-webkit-flex-flow: row wrap; 
-ms-flex-flow: row wrap; 

justify-content:space-around; 
-webkit-justify-content:space-around; 
-ms-justify-content:space-around;  

align-items:center; 
-webkit-align-items:center; 
-ms-align-items:center; 

如何更改以上内容，使其与最大的桌面浏览器和移动浏览器兼容？关于这个话题的信息非常缺乏

---

另外，wrap属性是否适用于Safari？我在这方面遇到了特别重要的问题。

我找到了答案。对我来说，秘诀是让不带前缀的flex-box属性在每个系列中最后一个，而不是第一个。但我不知道为什么会这样。

这个：--请参阅本页上的链接（特别是使用新旧语法文章的CSS技巧），以及以下内容：

…演示如何按适当顺序混合新旧语法和前缀（级联样式表的级联部分），从而在此时为flexbox提供最佳的跨浏览器/版本支持

希望这有助于未来的项目，直到flexbox得到更明确的实施

---

-AK

可能重复的也可以将我自己的答案作为这个答案的补充。由于firefox没有包装，我最终在我当前的项目中使用了flexbox，该死！firefox！不能假设所有用户都会使用最新的浏览器，而且强迫flexbox工作的SASS/Compass路线比b更费劲同样，caniuse还有一个小字：“对于Firefox28，它指的是缺乏flex-wrap和flex-flow支持。”