Chrome呈现问题？

Question

我正在使用Chrome 53.0.2785.143，我遇到了渲染问题，在使用CSS转换比例时，我的应用程序似乎更频繁地发生。

这是一个显示问题的JSFiddle，尝试向下滚动，最终你将到达一个不会渲染任何东西的阶段。在Firefox上，这个JSFiddle可以正常工作。

HTML

<div class="content">
Rendering issue 
...
...
(you need to repeat this ~75000 times)
</div>

CSS

.content {
  background-color: white;
  color: red;
  width: 600px;
  font-size: 100px;
}

我想知道是否有其他人遇到过这个问题，并知道如何处理它。

Answer 1

我将此问题发布到Chromium，他们回答说这个示例确实达到了绘画限制。 Link to issue

“div上的计算高度是1.725e + 07px，所以我们停止渲染它并不奇怪。我们确实渲染了高达1.665e + 07px的东西。

这是WontFix。在某些时候，我们需要限制绘制区域的大小，这似乎是合理的。“