Question

我正在设计一个信使布局，我很难在Safari上解决一些问题，因为它似乎是兼容性问题。

http://animgram.com/fb/index.html如果您在Google Chrome和Safari上打开此链接。谷歌浏览器是正确的视图，但在Safari上显示不正确。

我正在努力设置这个课程。

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

请注意：只有Safari才是问题所在。 IE，Chrome和Firefox都可以。

Answer 1

Safari＆lt; 7.0仅具有旧的2009 Flexbox规范的实现，这与现代规范非常不同：

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