Safari浏览器display: flex布局错乱，Chrome布局正确

Safari浏览器display: flex布局错乱，Chrome布局正确

display: flex;
align-items: center;
justify-content: end;

chrome显示结果

Safari显示结果

这个时候只需要把justify-content: end替换成 justify-content: flex-end就可以了
所以在开发当中，不管是justify-content还是align-items时都因该将start替换为flex-start ,end 替换为flex-end