Safari位置固定，flexbox定位不好

Question

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

感谢

Answer 1

对于Flex容器，始终使用前缀（您已经使用过）。

如果您想将徽标左侧对齐，只需添加

即可

flex-wrap: nowrap;

使用flexbox的safari的另一个好习惯是始终使用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项的宽度添加到它的父容器中，这要归功于谢尔盖提示。