Question

升级safari（至10.1.1）和mac os（至sierra）后，列换行不再适用于设置了最小宽度的项目列表。我已经尝试在孩子身上设置各种flex属性，但是一旦设置好，safari似乎无法将它们包装在列中。它正在我需要支持的其他浏览器中工作，并且正在使用10.0.1版本的safari。我已经制作了一个代码，它模拟了网站上目前的代码 - http://codepen.io/ssanders/pen/KmJgwK

重要 - 你需要这些 -

* Safari-版本10.1.1

* mac os - sierra

.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  height: 600px;
}

.item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48%;
  margin-top: 25px;
  min-width: 340px;
}

Answer 1

发布错误并联系safari支持团队后，看来这是一个特定于safari版本10.1.1的错误。它已在后续版本中修复。

如果孩子有最小宽度，Flexbox列包裹在最新的Safari中不起作用

1 个答案: