网站在 Safari（移动设备和 Mac）中崩溃（使用 Flexbox）

Question

所以我的网站坏了。它在除 Safari 之外的任何地方都可以正常工作。 起初我认为这是更新过程中的一个错误 - 但后来我记得我有一个旧版本（我知道这从来没有显示问题）并用 Safari（8.0.5 | 和移动）测试它

同样的问题出现了。

我不知道出了什么问题。

我正在谈论的页面。 www.platzhirsch.wien

请帮忙

编辑：这可能出现在最近的自动 wordpress 更新之后

Answer 1

在你需要使用的CSS中：

display:-webkit-flex;   /* for Safari */
display: flex;          /* for others */

并将 -webkit- 前缀添加到您正在使用的任何其他 flexbox 属性中。例如：

 -webkit-flex-direction: row-reverse;   /* for Safari */
 flex-direction: row-reverse;