CSS定位在Safari上不起作用

Question

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

这是不正确的动画，它只是从其初始位置的.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（），也没有问题。