在 AJAX 调用后滚动时,Chromium 浏览器中的字体变得模糊

Font becomes blurry in chromium browsers when scrolling after an AJAX call

提问人:BelGaraath 提问时间:12/22/2022 更新时间:2/22/2023 访问量:294

问:

当调用 Ajax 函数然后手动滚动到页面顶部时,某些元素会变得模糊和变厚/变暗。在标签上尤其明显。添加的信息:有问题的 ajax 调用没有以任何方式针对受影响的文本,它只是在页面下方的 div 中更改了渲染的部分。

这是在问题发生之前

在标题不在屏幕上时进行 Ajax 调用后,然后向上滚动

我已经验证了 CSS 或标记没有发生任何更改,并且还确认此处提到的以前已知的硬件加速问题的各种修复并不能解决问题。

html css ajax chromium

评论

0赞 cloned 12/22/2022
那么添加的 div 就是它的原因。也许字体大小被设置为逗号像素值,如果内容发生变化,这些可能会导致呈现问题。您是否查看放大的页面?您的显示器上是否激活了缩放?所有这些都会影响这一点
0赞 BelGaraath 12/22/2022
我已经对 CSS 进行了并排比较,但没有任何变化,还调整了屏幕大小、打开开发工具,或者如果 devtools 已经打开,选择元素选择器会导致它立即恢复正常。我认为这表明这是一个渲染器问题,因为任何导致渲染刷新(而不是页面)的东西都会修复奇怪的渲染。
1赞 cloned 12/23/2022
这听起来仍然完全像是一些逗号值。字体大小、边距、高度......无论什么。更改页面大小后,将重新计算值并自行修复。我们在这里能帮上什么忙,除了告诉你检查你所有的风格,也许你可以识别一些东西。
0赞 BelGaraath 12/24/2022
到时候我一定会在假期后检查这些。谢谢你的帮助。圣诞快乐。

答: 暂无答案