Question

我有site，这在Chrome，Firefox和IE上都不错，但在Safari（Win版）上，它确实很奇怪。

首先，图像的最小高度不起作用，即使它应该得到支持，并且我在垂直中心定位时遇到了一些麻烦。

.carousel .item img {
    max-height: 50vh;
    min-height: 200px;  
    margin: auto;
}

.ommo-main {
  position: relative;
  height: 50vh;
}
.ommo-text {
  position: absolute;
  top: 65%;
  -webkit-transform: translate(0%,-65%);
    -ms-transform:: translate(0%,-65%);
    -webkit: translate(0%,-65%);
    -moz-transform:: translate(0%,-65%);
    -o-transform: translate(0%,-65%);
    -webkit-transform: -webkit-translate(0%,-65%);
    transform: translateY(-65%);
}

bootply HERE中的所有代码。

在手机中，我尽可能简单的浏览器之一（Javelin，小米Redmi 2），我已经this issue，但不确定它是不是只是一个缓存。

请问有人帮帮我吗？非常感谢。

Answer 1

Windows上的Safari存在问题，它在某种程度上不支持VH和VW单元，在MAC OS X上工作正常。

CSS Safari / mobile - 翻译和最小高度

1 个答案: