字体大小随html中的刷新而变化

Question

我在 android 中使用谷歌浏览器，当我刷新页面时字体大小会增加，刷新后它会恢复正常。刷新时随机发生。

我在页面中唯一能注意到的是我的网页中有这段代码：

<div style="border-left: 2px solid; height: 55%; float: left; margin-top: 20px;">
</div>

如果我删除此代码，就会出现问题。

是什么原因造成的，解决方法是什么？

Answer 1

您应该尝试使用查看端口标签：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
当你在 css 中设置事物的大小时，例如使用 vw 作为单位：

p{
font-size: 2vw;
}

如果这不起作用，则可能是 chrome 问题。
查看这篇文章以了解调整大小的问题：
Link to article

Answer 2

通常发生这种情况是由于字体替换所致。您可能使用的是网络字体，必须先下载该字体才能使用。