滚动字体变成线条?

mkH*_*Hun 6 html javascript css jquery mozilla

我在centos 7工作.然后我正在为生物学家开发网络工具.我的项目必须进入最后阶段.但现在我面临着一个严重的问题.问题是字体,而在div上向下和向上滚动.

我添加了下面的图像.每个分页页面都是由javascript动态生成的.

[Image1]是原版.

滚动到内容后,[Image2]字体是获取行.

然后我检查了几台机器中的几个浏览器,我在两台不同的机器上遇到了这个问题.问题是什么?我怎么能解决这个问题.

此搜索

镜像2

Vin*_*ney 2

看起来 GPU 渲染问题可能是尝试更改 CSS 文本渲染,尽管我不确定这是否一定有效

逐个尝试这些 div 或它们所在的任何容器

text-rendering: auto;
text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
Run Code Online (Sandbox Code Playgroud)