css - Compass 1.0 不使用 Flexbox 的所有前缀

Question

我使用 Compass 1.0，当我执行 @include display-flex; 或任何其他与 flex 相关的属性时，我只得到

display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;

等没有 -moz 或 -o 前缀。知道为什么吗？

Answer 1

Opera 从未对 Flexbox 使用 -o- 前缀。它是在没有前缀的 Presto 引擎下引入的。直到后来对 Flexbox 属性(以及其他一些属性)的支持才支持 -webkit- 前缀。

当前出现在 1.0 alphas 中的 Flexbox 模块仅发出当前 Flexbox 规范的属性。因此，您也不会看到 -moz- 前缀:Mozilla 引擎仅使用原始 Flexbox 规范的前缀(例如 display: -moz-box). Mozilla 从 22.0 开始支持当前没有前缀的规范(尽管对 flex-wrap 的支持直到 28.0 才存在)。您也不会看到 -ms- 前缀，因为使用前缀的 IE 版本支持较早的 2012 年 3 月草案(例如 display: -ms-flexbox)。

现在，如果您对一组与 Compass 兼容且涵盖所有基础的 mixins 感兴趣，我已经写了一些:

• > Compatible with Compass 1.0 ( slightly older version that shows usage )
• > Compatible with Compass 0.12 ( try it out on CodePen )