显示错误：safari上的flex？

Question

只是将网页上传到我的域名并且不在Safari上工作，我使用了所有前缀。显示：flex功能明显错误。

这是应该是什么样的（铬）

以下是它在野生动物园中的表现 这是我的CSS：

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

我在这个主页上使用了相当多的flex，并且导航器上没有居中或间隔的所有项目都不正确！

我的网站是http://oliverkle.in

Answer 1

我无法在您的网站上测试我的解决方案，因为您在制作原始帖子后已经更改了它（顺便说一句，这是伟大的网站！）但是，尝试重新排序这些语句。

使用代码中的属性顺序会影响我现有的一个页面，但是它可以正常工作，如下所示：

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