Flexbox align-items 和 justify-content 在 Safari MacO 中不起作用

Question

我的 CSS 部分有此代码

align-items: end;
justify-content: end;

它在 Chrome MacO 上运行良好，但在 Safari 上，元素未从底部对齐。 有人知道为什么吗？

Link: https://q6demo.squarespace.com/homepage#our-6-step-process-section

Answer 1

朋友，我想是因为浏览器支持

Support metadata for browsers

信息可以在这里找到 https://www.w3schools.com/css/css3_flexbox.asp

Answer 2

我已经用过了，效果很好

-webkit-justify-content: flex-end;
align-items: flex-end;
-webkit-align-items: flex-end;

来源：How is possible that "display: flex" and "align-items: center" do not work anymore on my iphone?