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

<分区>

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

Safari

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

目前它只适用于 Chrome 和 FF。

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

请提出更改建议以适应这一点。

最佳答案

IE 9 不支持 flexbox。

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

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

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

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

关于html - flex-direction 和 flex 不适用于所有浏览器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34985818/

相关文章：

jquery - 棘手的 jQuery DOM 操作(文本换行)