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（），也沒有問題。