Html 狩猎中的垂直定心

我在Safari中遇到了一个垂直居中的问题，使用边距：auto 0；在嵌套在具有display的div中的div上：inline flex

它在Firefox、Chrome、Opera中运行良好。。。但是在Safari中失败了（在默认的Android浏览器上也失败了，但我正在考虑使用一个单独的CSS，以及iPad使用的任何东西）

以下是代码（顺便说一句，我正在使用引导）：

---

在你的头等舱试一试

 display: -webkit-inline-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;

---

非常感谢，成功了！

 .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.head {
    color: #fff;
    width: 100%;
    min-height: 100rem; /* for Opera */
    min-height: 100vh;
    padding: 15px;
    background-color: rgba(85,61,148,.9);
    box-shadow: 0px 0px 6px #000000;
    z-index: 90;
    position: relative;
    background-image: url('../img/dither2.png');
    background-position: center bottom;
    background-repeat: repeat-x;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: inline-flex;
}

.col-md-6 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.logo {
    margin: auto 0;
    text-align: center;
}

 display: -webkit-inline-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;