我使用的是 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;
}
我想知道是否还有其他人遇到过这个问题,并且知道如何处理它。
最佳答案
我将这个问题发布到 Chromium,他们回复说这个例子确实达到了绘画限制。 Link to issue
“div 上的计算高度为 1.725e+07px,因此我们停止渲染它并不奇怪。我们确实渲染了高达 1.665e+07px 的东西。
这是 WontFix。在某些时候我们需要限制绘制区域的大小,这似乎是合理的。”
关于html - Chrome 渲染问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39962973/