Иногда при просмотре этой конкретной веб-страницы в Chrome или Safari на моем iPhone 7 плюс iOS 12.2 я вижу сбой рендеринга, как показано на этом изображении https://imgur.com/a/dLIeJED. Я не могу повторить это в браузере на рабочем столе или на своем ipad,также iOS 12.2.Я видел проблему, воспроизведенную на других телефонах.
Я пытался исследовать эту проблему, но не нашел нигде, где это задокументировано.Основываясь на ответах, которые я прочитал для некоторых проблем, которые звучат похоже, я попытался использовать transform: translate3d (0,0,0);в CSS «форсировать аппаратное ускорение», но это не остановило сбой.
Это периодически возникающая проблема.Это происходит не при каждой загрузке страницы, и, кроме того, что я постоянно обновляю страницу до тех пор, пока я ее не увижу, нет никаких надежных шагов для воспроизведения проблемы.
Кто-нибудь из вас когда-либо видел этот типрендеринга глюка и как ты это называешь?Что вызвало это?
ОБНОВЛЕНИЕ: Я использовал фильтр свойств CSS: drop-shadow (3px 3px 3px rgba (0, 0, 0, 0.1));применять тени для всех элементов родительского div.Когда я удалил это свойство, оно, похоже, устранило проблему.