javascript - 为什么 css 动画在移动设备上更快？

Question

我得到这个问题是因为我多次遇到这个问题，我唯一能想到的是移动设备的“硬件加速”与基于计算机的浏览器不同。

我所说的问题是，如果您制作 css 动画，您输入的时间(以秒为单位)在移动设备上显示不同。(快 10 倍。)

如果您使用以下行创建类或 ID:

-webkit-animation:keyFrameName 10s infinite;

它将在 1s 等移动设备和 10s 笔记本电脑上使用。

有人知道同步笔记本电脑浏览器和设备浏览器时间的解决方案吗？

欢迎所有事情，这只是一个可能会改变开发者世界的一些事情的问题。

---

编辑 1:关键帧是这样的:

@-webkit-keyframes RAani{
0%{opacity:1.0;}
50%{opacity:0.25;}
100%{opacity:1.0;}
}
@-moz-keyframes RAani{
0%{opacity:1.0;}
50%{opacity:0.25;}
100%{opacity:1.0;}
}
@keyframes RAani{
0%{opacity:1.0;}
50%{opacity:0.25;}
100%{opacity:1.0;}
}

Answer 1

试试这个

-webkit-animation: keyFrameName 10s infinite;
-webkit-animation-timing-function: linear;
-moz-animation: keyFrameName 10s infinite;
-moz-animation-timing-function: linear;
-o-animation: keyFrameName 10s infinite;
-o-animation-timing-function: linear;
animation: keyFrameName 10s infinite;
animation-timing-function: linear;