徒步旅行中的灵活方向5

Question

所以我正在尝试使用flexbox，但有人向我指出它不适用于iPhone或Safari for Windows。经过调查，我设法发现看起来不起作用的是弹性方向。

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

我创建了这个codepen：

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

从这个例子中可以看出，右手＆＃34;列＆＃34;没有填补高度。我需要一种方法来填补高度，但要确保它适用于野生动物园。有谁知道我怎么能这样做？

Answer 1

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

-webkit-box-orient: vertical;