使用justify-content的Safari问题:flex-end; align-items:flex-end;

Zah*_*eed 6 html css safari flexbox

我正在设计一个信使布局,我正在努力修复Safari上的一些东西,因为它似乎是兼容性问题.

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

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

.self {
justify-content: flex-end;
align-items: flex-end;
}
Run Code Online (Sandbox Code Playgroud)

请注意:只有Safari才是问题所在.IE,Chrome和Firefox都可以.

cim*_*non 15

Safari <7.0仅具有旧的2009 Flexbox规范的实现,这与现代规范非常不同:

.foo {
    display: -webkit-box;
    -webkit-box-pack: start; /* justify-content */
    -webkit-box-align: start; /* align-items */
}
Run Code Online (Sandbox Code Playgroud)

这可能会有所帮助:https: //gist.github.com/cimmanon/727c9d558b374d27c5b6