css - 转换 scale() 与不同浏览器中的宽度/高度

Question

我偶然发现了一个大问题，firefox 无法以正常质量呈现 scale()，所以我决定去设置 width/height/top/left 并转换它。但是现在 chrome 正在以低质量渲染，几乎是 5-8 FPS，而 safari 只是滞后于两者之间并显示最终结果。

我读到，如果你想为 chrome 触发 GPU 渲染，你只需要将 translate3d() 或 'translateZ()' 添加到你的 -webkit-transform 值, 但它不会再有帮助了。

另一件事是，我不能真正依赖计算机的 GPU 性能，因为我需要尽可能流畅地制作动画。

Answer 1

为了触发 GPU 渲染，您是否添加了以下内容:

.选择器{
变换:缩放(1)旋转(0deg)translate3d(0,0,0)；
}

即使 translate3d 位于 0,0,0，它也会触发硬件加速，但在没有看到您的代码的情况下，我不确定还有什么值得推荐的？