google-chrome - GPU 加速导致网站崩溃

Question

我在我工作的网站上遇到了一个随机问题。本网站包含许多图片，有些图片大小为 1Mb 或更大。该网站还使用了一些 CSS3 技巧，例如 3D 旋转。

自从我添加了这个 3D CSS 内容后，我注意到 Google Chrome 浏览器中存在一个问题，即网站中的某些随机区域未呈现。

这是网站呈现方式的屏幕截图，绿线是因为我在 chrome://flags 上启用了“合成渲染层边框”:

这就是问题发生时的渲染方式:

这个白色方 block 随机出现，如果滚动网站，它们可以消失或重新出现在另一个地方。我还注意到此问题在低端计算机中更为常见，因此我猜测是 Chrome 以某种方式耗尽了 GPU 内存。

为什么会出现这个问题？是否有任何解决方法(除了禁用 3d CSS 之外)？

如果有帮助，这是网站: http://colocation.cubo.cc/cheetos/masterbrand/

更新:

• 我提出了 issue Chrome 团队。
• 我无法在 Chrome Canary 中重现此问题。

Answer 1

这是一个 Chrome 问题，现在已修复:

http://code.google.com/p/chromium/issues/detail?id=121779

我只能祝贺 Chrome 团队这么快就推出了错误修复，我希望 IE 也是这样。