CSS定位无法在Safari上运行

Question

如THIS LIVE DEMO所示，当从最新的Safari版本打开时，.contentPanel不会在加载时应用任何动画，也不会使用正确的位置规则。

这不是一个动画，它只是一个.addClass jQuery方法从初始位置定位它：

.contentPanel,.headerLogo,.subheader{
-webkit-transform:translateX(100vw);
        transform:translateX(100vw);}

到正常位置：

.expanded{
-webkit-transform:translate(0%);
        transform:translate(0%);}

它既没有应用它的顶部定位......我也尝试过将vw测量单位改为百分比，没有正面结果。

从Chrome / Opera / FF / IE11打开时，它可以正常工作。

Answer 1

至少，问题是Safari for Win已经过时，而且几年前还没有发布新版本。最后一个没有支持CSS calc（），也没有-webkit-calc（），这就是问题所在。