Html Flexbox代码适用于除Safari以外的所有浏览器。为什么？

带有列表标记的网格列，我需要每3列以正确的顺序显示，并为每个额外的HTML列表元素启用自动宽度

这是我的例子：

保险商实验室{
保证金：0；
填充：0；
显示：-webkit flex；
显示器：flex；
-webkit柔性包装：包装；
-ms-flex-wrap:wrap；
柔性包装：包装；
-webkit柔性方向：列；
-ms-flex方向：列；
弯曲方向：立柱；
高度：150像素；
宽度：自动；
}
李{
浮动：左；
显示：内联块；
列表样式：无；
位置：相对位置；
高度：50px；
宽度：50px；
}

一,
二,
三,
四,
五,
六,
七,
八,
九,
十,
十一,
十二,

Flexbox是一种CSS3技术。这意味着它相对较新，一些浏览器不完全支持flex属性

下面是一个简要介绍：

• IE 8和9不支持flexbox。如果你想在这些浏览器中使用flex属性，不要浪费时间。A绕了一段时间，但效果不好，不再维护

• IE 10支持一个新的应用程序，需要一个新的应用程序。请注意，IE10不支持当前规范中的某些属性（例如

  flex-grow

  、

  flex-shorn

  和

  flex-basis

  ）。看

• IE 11很好，但有童车。这是基于。有关某些问题，请参见上的“已知问题”选项卡。另见：

• 有了Chrome、Firefox和Edge，你的一切都很好。您会发现一些小错误和不一致之处，但通常都有简单的修复方法。您需要注意，这有时会导致大小调整和滚动条问题

• Safari版本9和更高版本支持当前的flexbox规范，不带前缀。但是，较旧的Safari版本需要

  -webkit-

  前缀。有时

  min width

  和

  max width

  会导致对齐问题，可以使用

  flex

  等效工具解决。看

有关flexbox浏览器支持的完整回顾，请参阅本页：

要快速添加许多（但不一定全部）供应商前缀，请使用。有关Safari，请参阅一些前缀生成器不包括的

-webkit-

前缀

有关常见flex错误及其解决方法的列表，请参阅

此外，在该网站上，还有：

---

它适用于我显示：-webkit内联框在safari中。

它确实有效；但是safari中的其他flex实用程序呢？我将其与safari（7.1+）特定的目标代码结合使用，以避免与其他浏览器发生冲突，非常感谢Saravana！