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

至少，问题在于 Win 版 Safari 已经过时并且从多年前就没有发布新版本。最后一个不支持 CSS calc()，-webkit-calc() 也不支持，这就是问题所在。