2016-10-10 3 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. В каком-то момент мы необходимо ограничить размер окрашенной области, и это кажется разумным ».

Смежные вопросы