Question

我使用wordpress主题并扫描了javascript文件，但无法弄清楚导致此问题的原因。

当页面加载时，会出现奇怪的缩放效果，然后一切都恢复正常。在大多数浏览器中都会发生，但有时在Safari中不会发生。

看看：

http://homestudiocenter.com/homestudiocourse/

任何想法可能是什么？

非常感谢你！

Answer 1

我认为它是由类home内的css引起的。当您移除并向主体添加home css时，会发生缩放效果。

定义是

.home {
    background-image: url('images/mac.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 730px;
    animation: animatedBackground 1s ease-in-out;
    -ms-animation: animatedBackground 1s ease-in-out;
    -moz-animation: animatedBackground 1s ease-in-out;
    -webkit-animation: animatedBackground 1s ease-in-out;
}

animatedBackground的定义是

@keyframes animatedBackground {
    from {
        background-position: center 550px;
    }
    to {
        background-position: center bottom;
    }
}

Answer 2

body * { animation-duration: 0.001s; animation-name: insQ_101; -webkit-animation-duration: 0.001s; -webkit-animation-name: insQ_101; }

这个webkit动画是它的源头。这就解释了为什么它放大了Safari＆amp; Chrome（webkit）而不是FFox（非webkit）。

对页面加载产生奇怪的影响

2 个答案: