显示错误：Safari上的flex？

Question

只是将网页上传到我的域，并且在safari中不起作用，但是我使用的是所有前缀。 该错误显然与display：flex功能有关。

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

这是野生动物园的样子 这是我的CSS：

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

我在此主页中使用了很多伸缩功能，所有未居中或导航栏之间的空格都不正确！

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

Answer 1

我无法在您的网站上测试我的解决方案，因为您在发布原始帖子（顺便说一句，很棒的网站！）以来就对其进行了更改，但是，请尝试对这些声明重新排序 。

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

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