css - Safari 中的垂直中心定位问题

Question

我遇到了一些级联样式问题 here - 当屏幕高度小于 680px 时它工作正常(绝对添加位置，因为我的客户反对他的网站的响应)，但是当它的位置很大时 <div class="container">标记应相对/垂直位于页面中心。

这在 FF、Chrome、IE 中有效，但在 Safari 中无效，我不知道如何修复它(我已经花了很多时间解决这个问题)，感谢您的建议和帮助。

结构如下:

<div class="content">
   <div class="container> 
     TEXT
   </div>
</div>

CSS 设置元素有:

.content {
   min-height: -moz-calc(100vh - 316px);
   min-height: -webkit-calc(100vh - 316px);
   min-height: calc(100vh - 316px);
   height: 100%;
   width: 100%;
   min-width: 100%;
   position: relative;
}
.content > .container {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: : translate(-50%, -50%);
   -webkit: translate(-50%, -50%);
   -moz-transform: : translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   -webkit-transform: -webkit-translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

Answer 1

实际上它在工作，但是 jquery.js.map 文件丢失了，这导致了麻烦。