css - -moz-box-flex 不工作

Question

为什么 -moz-box-flex 在 firefox 中不起作用？ 我使用旧语法吗？我确实需要 display -moz-box 否则我的整个布局在 firefox 中不起作用。它确实适用于 chrome 和 safari。怎么了？

.container{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -moz-box;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
          -moz-box-direction: column;
width: 100%;
  height: auto;
}

.item{
    flex: 1;
    -moz-box-flex: 1;       
        -webkit-box-flex: 1;

}

Answer 1

除非您是为 Firefox 27 或更早版本编写代码，否则您无需在 Firefox 中为 flexbox 使用供应商前缀。 Firefox 27 was released in February 2014 .

自 Firefox 28(2014 年 3 月发布)以来，所有 flexbox 属性都支持无前缀。

查看 flexbox 浏览器支持表:http://caniuse.com/#search=flexbox