Flexbox菜单无法在Safari 8上运行

Question

我正在使用带有使用flexbox构建的标题菜单的WordPress主题。它适用于现代浏览器，但在Safari 8上菜单消失。

我已经尝试过使用一些后备（例如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告诉您，Safari 8需要-webkit-前缀才能使Flexbox正常工作。

例如：

display: -webkit-flex;

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