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。