Android的Chrome浏览器上的字体大小显示问题

Question

我有一个网页，字体大小为body 16像素。

在Android版Google Chrome上，我遇到以下问题：最初加载页面时，未定义字体大小（因此从主体继承字体大小）的元素的字体大小大于16像素（如您继续阅读就会看到的那样，没有明显的方法可以计算出所呈现文本的尺寸较大的倍数）。当用户向下滚动时，渲染的文本大小更改为16px。

请参见下面的两个图像进行可视化

在上面的屏幕快照中，页面已加载，用户尚未与页面进行交互。

在上面的屏幕截图中，页面已加载，并且用户已与页面进行了交互。请注意，显示“ 0％兴趣”的元素上的字体大小现在变小了

[当文本越来越大时-两种尺寸都计算为16px

尽管两个字体大小之间存在视觉差异。在用户滚动并且文本较大之前，以及在用户滚动并且文本大小较小之后—在所有情况下，字体大小都计算为16px。

在上图中，我们可以看到两种情况下的字体大小均为16px，但是两个渲染的文本的大小明显不同]

如果更改大小会怎样？

如果更改文本的，则渲染的文本大小会增加或减小（取决于数字是否大于或小于16）。在这两种情况下，文字大小都会与原始文字大小成比例地增加。

[似乎浏览器显示的是16px为特定大小，然后在用户滚动时会更改此大小。

这里我已将字体大小增加到20px。字体大小会增加，但会与原始呈现的文本大小成比例增加]]]

JavaScript对此负责吗？

我不这么认为。我已在浏览器中禁用了javascript并重新加载了页面，问题仍然存在。

是否有人知道可能是什么原因？

我有一个网页，其中正文的字体大小为16px。在适用于Android的Google Chrome浏览器上，我遇到以下问题：最初加载页面时，没有字体大小的元素中的字体大小...

Answer 1

有两种解决方案：

如此处Chrome on android resizes font所述，如果任何文本达到一定长度，就会发生此问题。