Compass 1.0不使用Flexbox的所有前缀

时间:2014-07-02 11:52:14

标签: css sass prefix flexbox compass-sass

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

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

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

1 个答案:

答案 0 :(得分:4)

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兼容的mixin感兴趣,它将涵盖你的所有基础,我写了一些: