2016-10-10 6 views
7

Ich verwende Chrome 53.0.2785.143 und stieß auf ein Rendering-Problem, das bei der Verwendung der CSS-Transformationsskalierung häufiger auf meiner Anwendung vorkam.Chrome-Rendering-Problem?

Hier ist eine JSFiddle, die das Problem zeigt, versuchen, den ganzen Weg nach unten zu scrollen, schließlich werden Sie eine Stufe erreichen, wo nichts gerendert wird. Auf Firefox wird dieses JSFiddle gut funktionieren.

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; 
} 

Ich frage mich, ob jemand über dieses Problem kam, und weiß, wie man damit umgehen.

+0

Nun, auf dem neuesten Chrom reproduziert. – Li357

+0

Firefox 49 scheint auch eine Weile dauern, um es zu rendern – K3v1n

+0

Auch scheint in Edge (Microsoft EdgeHTML 14.14393) auftreten. Ist [this (img)] (http://i.imgur.com/Fwm3UPb.png) worüber du redest? –

Antwort

1

Ich habe dieses Problem an Chromium geschickt und sie haben geantwortet, dass dieses Beispiel eine Farbgrenze erreicht. Link to issue

„Die berechnete Höhe auf dem div 1.725e ist + 07px, so ist es nicht verwunderlich, wir aufhören zu machen. Wir tun etwas render + 07px 1.665e.

Dies ist WONTFIX. Irgendwann wir müssen die Größe der bemalten Fläche begrenzen, und das scheint vernünftig. "