多浏览器兼容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;
}