Flexbox align-items 和 justify-content end 在 Safari MacOs 中不起作用答案

【问题标题】：Flexbox align-items and justify-content end not working in Safari MacOsFlexbox align-items 和 justify-content end 在 Safari MacOs 中不起作用
【发布时间】：2022-01-17 04:53:00
【问题描述】：

我的 CSS 中有一段代码

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

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

链接：https://q6demo.squarespace.com/homepage#our-6-step-process-section

【问题讨论】：

标签： css google-chrome debugging flexbox safari

【解决方案1】：

我用过这个，它正在工作

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

【讨论】：

哇，这对我来说非常有效。谢谢
太棒了！我很高兴它对你有用！

【解决方案2】：

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

Support metadata for browsers

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

【讨论】：

我尝试使用前缀值，它是一样的。最新的 Safari 默认支持 Flexbox。