html - 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。在某些时候我们需要限制绘制区域的大小，这似乎是合理的。”