2016-10-10 13 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

は「divの上計算された高さは、1.725e + 07pxである。我々は1.665e + 07pxまで何かをレンダリング行う。

これはWONTFIXである。いくつかのポイント我々でペイントされた領域のサイズを制限する必要があり、これは妥当と思われます。

関連する問題