2016-10-10 168 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。在某些时候,我们需要限制涂色区域的大小,这似乎是合理的。“