flex-direction和flex不适用于所有浏览器

Question

我遵循CSS类，我想让它适用于以下所有浏览器：

1. IE 9及以上
2. 铬
3. Mozilla Firefox

4. Safari浏览器

   .itemContainer {
       display: flex;
       flex-direction: row;
   }
   .wrap-vertical {
          flex: 1;
          margin-top: 15px;
   }
   

目前它仅适用于Chrome和FF。

我尝试了-ms-和-webkit-用于IE和Safari，但它无效。

请建议更改以适应此情况。

Answer 1

IE 9 不支持支持flexbox。

IE 10支持旧的flexbox规范，需要vendor prefixes。

虽然Safari 9支持当前没有前缀的flexbox规范，但旧版本需要前缀。

有关flexbox浏览器支持的完整评论，请参阅此页面： http://caniuse.com/#search=flex

要快速添加所需的所有前缀，请在左侧面板中发布您的CSS：Autoprefixer。