Safari 定位固定，flexbox 定位不好答案

【问题标题】：Safari position fixed, flexbox doesn't get positioned wellSafari 定位固定，flexbox 定位不好
【发布时间】：2017-03-09 22:21:34
【问题描述】：

所以我的徽标仅在 Safari 浏览器中无法正确显示在左侧，我想知道它有什么问题

谢谢

【问题讨论】：

【解决方案1】：

问题是，如果你在 Safari 中使用 flex-direction: column;，你还必须提到 flex-wrap: nowrap; 否则它会将每个 flex-item 的宽度添加到它的父容器中，感谢 Sergey 的暗示。

【讨论】：

【解决方案2】：

对于 flex 容器，请始终使用前缀（您已经这样做了）。

如果你想左对齐徽标，只需添加

flex-wrap: nowrap;

Safari 使用 flexbox 的另一个好习惯是始终使用 flex 属性。像这样

  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;

附：这可能是一个 good article 开头

【讨论】：