Safari 位置固定，flexbox 定位不好

Question

所以我的徽标仅在 Safari 浏览器中没有正确地向左移动，我想知道它有什么问题

谢谢

Answer 1

对于 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;

P.S。这可能是 good article 开头

Answer 2

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

Safari position fixed, flexbox doesn't get positioned well