见于 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 打开时,它工作正常。
最佳答案
至少,问题在于 Win 版 Safari 已经过时并且从多年前就没有发布新版本。最后一个不支持 CSS calc(),-webkit-calc() 也不支持,这就是问题所在。
关于CSS 定位不适用于 Safari,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25958166/