2016-10-10 272 views
7

我正在使用Chrome 53.0.2785.143,並且在使用CSS變換比例時,我遇到了一個呈現問題,這個問題在我的應用程序中似乎更頻繁地發生。Chrome渲染問題?

這是一個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; 
} 

我想知道如果任何人碰到這個問題,並知道如何對付它。

+0

那麼,轉載最新的鉻。 – Li357

+0

Firefox 49似乎也需要一段時間才能渲染它 – K3v1n

+0

似乎也發生在Edge(Microsoft EdgeHTML 14.14393)中。是[this(img)](http://i.imgur.com/Fwm3UPb.png)你在說什麼? –

回答

1

我將此問題發佈到Chromium,他們回答說這個例子確實達到了塗料限制。 Link to issue

「關於股利計算的高度爲1.725e + 07px,所以這並不奇怪,我們停止提供它。我們呈現的東西最多1.665e + 07px。

這是WontFix。在某些時候,我們需要限制塗色區域的大小,這似乎是合理的。「