Safari 中的垂直中心定位问题

Question

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

这在 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 文件丢失了，这导致了麻烦。

Safari 中的垂直中心定位问题

Vertical centre positioning trouble in Safari

css

safari