Flexbox菜单在Safari 8上不起作用

Question

我使用了一个WordPress主题和一个用flexbox构建的标题菜单。它在现代浏览器上运行良好，但在Safari8上，菜单消失了。

我已经尝试过使用一些后备功能(例如css表)，但仍然一无所获。你知道我该怎么解决这个问题吗？

容器：

#nav .sf-menu {
    display: flex;
    list-style: none;
     margin: 0;
}

链接：

#nav .sf-menu > li {
    display: inline-flex;
    align-items: center;
    position: relative;
}

Answer 1

caniuse告诉你Safari8需要-webkit-前缀才能工作。

例如：

display: -webkit-flex;

您可以使用autoprefixer自动向CSS添加前缀。