我有一个网站与jquery循环幻灯片。它在ipad上平滑地滑动,但如果我在正文中添加css背景图像,似乎FPS会下降,滑动效果看起来真的很糟糕。即使背景图像比iPad屏幕小,也会发生这种情况。
为什么会这样,我该如何修复它?
您可以尝试使用硬件加速,例如将-webkit-transform: translateZ(0);
CSS添加到您想要加速的块。
这是一篇关于GPU加速的好文章。
另外,我不知道你用的是什么图片,但是在webkit中有一个bug,使用CSS3径向梯度作为背景可能会导致FPS大幅下降