不同浏览器对于flexbox的定义有所不同,这也是所有从事类似职业伙伴们所头痛的问题,本文将详细介绍,需要的朋友可以参考下
不同浏览器对于flexbox的定义不同

复制代码
代码如下:

.flex-container {
display: -moz-box; /* Firefox */
display: -ms-flexbox; /* IE10 */
display: -webkit-box; /* Safari */
display: -webkit-flex; /* Chrome, WebKit */
display: box;
display: flexbox;
display: flex;
width: 100%;
height: 100%;
background-color: gray;
}