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

Flexbox align-items and justify-content end not working in Safari MacOs

我的 CSS 部分有此代码

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

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

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

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

Support metadata for browsers

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

我已经用过了,效果很好

-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?