flex-direction 和 flex 不适用于所有浏览器[重复]答案

【问题标题】：flex-direction and flex not working for all browsers [duplicate]flex-direction 和 flex 不适用于所有浏览器[重复]
【发布时间】：2016-05-01 08:41:20
【问题描述】：

我已经关注 CSS 类，我想让它适用于以下所有浏览器：

IE 9 及以上版本
铬
Mozilla 火狐

Safari

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

目前它仅适用于 Chrome 和 FF。

我为 IE 和 Safari 尝试了 -ms- 和 -webkit-，但它不起作用。

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

【问题讨论】：

检查浏览器支持。 css-tricks.com/snippets/css/a-guide-to-flexbox

标签： html css cross-browser flexbox

【解决方案1】：

IE 9 不支持 flexbox。

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

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

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

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

【讨论】：