Safariの問題：フレックスエンド。 align-items：フレックスエンド。

Question

私はメッセンジャーのレイアウトを設計しています。互換性の問題があるように、私はSafariでいくつかの問題を修正するのに苦労しています。

http://animgram.com/fb/index.htmlは、Google ChromeとSafariでこのリンクを開くと。 Google Chromeは正しいビューですが、Safariで、それが正しく表示されません。

私はこのクラスを設定するのに苦労しています。

.self { 
justify-content: flex-end; 
align-items: flex-end; 
} 

注意：Safariのみが問題です。 IE、Chrome、Firefoxは完全にOKです。

Answer 1

サファリ< 7.0は現代の仕様とは非常に異なっている古い2009フレキシボックス仕様の実装を持っています

.foo { 
    display: -webkit-box; 
    -webkit-box-pack: start; /* justify-content */ 
    -webkit-box-align: start; /* align-items */ 
} 

これが役に立つかもしれません：https://gist.github.com/cimmanon/727c9d558b374d27c5b6