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，他們回答說這個例子確實達到了繪畫限制。問題鏈接

“div 上的計算高度是 1.725e+07px，所以我們停止渲染它並不奇怪。我們確實渲染了高達 1.665e+07px 的東西。

這是 WontFix。 在某些時候，我們需要限制繪制區域的大小，這似乎是合理的。”