フレックスボックスメニューがSafari 8で動作しない

Question

フレックスボックスを使用して作成されたヘッダーメニューで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-接頭辞を必要としていることを示しています。例えば

：

display: -webkit-flex; 

あなたは自動的にあなたのCSSにプレフィックスを追加するためにautoprefixerを使用することができます。