供应商前缀与flexbox完全不兼容吗？

查看关于此主题的以前的问题，我了解到，在涉及到flexbox时，供应商前缀实际上是多余的。那么我怎么知道我认识的许多设计师使用flexbox。由于我无法在此阶段重组我的项目，因此我怎样才能让所有浏览器都了解Flexbox？供应商前缀与flexbox完全不兼容吗？

来源

2016-02-29 Agni Scribe

他们工作。虽然请记住，有一个语法的旧版本 - 你可以在http://caniuse.com/#search=flexbox – Aziz

找到你需要的所有信息。另外，阅读这些文章：[“旧”Flexbox和“新“Flexbox]（https://css-tricks.com/old-flexbox-and-new-flexbox/），[使用Flexbox]（https://css-tricks.com/using-flexbox/） – Aziz

说到vendor prefixes您需要了解浏览器兼容性。

某些浏览器需要flexbox的前缀（例如IE 10和Safari 8），其他浏览器根本不需要前缀（如当前的Chrome和Firefox）。

一些（旧的）浏览器根本不支持flexbox（比如IE 8和9），所以没有多少前缀会起作用。

Mozilla Developer Network上的所有flex属性定义都在底部显示了一个显示浏览器兼容性的部分。您将可以看到每个媒体资源的浏览器支持级别。

您还可以在caniuse.com检查浏览器支持。

对于Flexbox的浏览器支持见的更全面的分析：

Flexbox code working on all browsers except Safari. Why?

来源

2016-02-29 13:08:14

只要确保你把事情按正确的顺序。为了最大程度的兼容性，请尝试：

display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */ 
display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */ 
display: -moz-box;   /* OLD - Firefox 19- (buggy but mostly works) */ 
display: -ms-flexbox;  /* TWEENER - IE 10 */ 
display: -webkit-flex;  /* NEW - Chrome */ 
display: flex;

来源

2016-12-20 16:53:33

供应商前缀与flexbox完全不兼容吗？

回答

相关问题