與justify-content的Safari問題：flex-end; align-items：flex-end;

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完全可以。

Answer 1

Safari瀏覽器< 7.0只有老2009年Flexbox的規範，這是現代規範非常不同的實現：

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

這可能會有所幫助：https://gist.github.com/cimmanon/727c9d558b374d27c5b6