css - 无法强制 webkit 使用 GPU 渲染

Question

所以，我不能使用 scale()，因为当我渲染 3200x3200 区域时，它需要 GPU 提供太多的能量。所以我决定使用 height/width/left/top，因为我怀疑它需要更少的性能，甚至 FF 也可以很好地渲染它。

问题: 当我转换 width/height/top/left -webkit- 时，将不再使用 GPU 进行渲染，即使我将 translate3d() 或 translateZ() 添加到 -wbkit-transform 值。

问题:

1. 如何提高 Chrome 的性能或触发 GPU 渲染？

Answer 1

试试这个来强制 GPU 渲染:

-webkit-backface-visibility:hidden;