小编Lar*_*arz的帖子

一个弹性容器有四个孩子,每个孩子的灵活度为25%,最小宽度.flex-flow设置为row wrap.Safari之外的浏览器按预期处理这个:如果达到最小宽度,它将下一个项目包装到下一行.在Safari中,它会溢出容器.

请参阅此处的演示:http: //codepen.io/lbilharz/pen/aJbkI

玉

h1 Why this ain't wrappin' in mobile-safari?
  .flex
    for i in ['one','two','three','four']
      .item
        h2=i

唱针

.flex
  display flex
  flex-wrap wrap
  flex-direction row
  padding 1em
  background lightyellow
  .item
    flex 1 0 25%
    padding 1em
    box-sizing border-box
    min-width 15em

有任何想法吗？