Safari 5 中的弹性方向

Question

所以我正在尝试使用 flexbox，但有人向我指出它在 iPhone 或 windows 的 Safari 上不起作用。经过调查，我设法发现似乎不起作用的是 flex-direction。

    .flex-columns {
        display: -webkit-box; /* Safari */
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

我创建了这个代码笔：

http://codepen.io/r3plica/pen/qdpYpR

从那个例子可以看出，右手 "column" 没有填满高度。我需要一种方法来填充高度，但要确保它适用于 safari。有谁知道我该怎么做？

Answer 1

正如我在评论中提到的，您必须使用

-webkit-box-orient: vertical;

Safari 5 中的弹性方向

Flex-direction in safari 5

css

safari

flexbox