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。