CSS

为什么-moz-box-flex在firefox中不起作用? 我是否使用旧的语法? 我确实需要显示-moz-box,否则我的整个布局在Firefox中不起作用。 它在铬和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;

}

您不需要在Firefox中使用Flexbox的供应商前缀,除非您为Firefox 27或更早版本编码。 Firefox 27于2014年2月发布。

自Firefox 28(2014年3月发布)以来,所有的Flexbox属性都已经被支持而没有前缀。

请参阅flexbox浏览器支持表:http://caniuse.com/#search=flexbox

链接地址: http://www.djcxy.com/p/75665.html

上一篇: css

下一篇: flex and display:flex