Html 缩放时保持文本大小不变

我想在页面顶部画一条无法缩放的线。既不是行，也不是其中包含的文本。主要问题是文本。每当我在浏览器中放大时，线条都会保持相同的高度，但其中的文本会增长，并从线条中消失

有什么css命令我可以使用吗

我已经尝试过

字体大小调整：无

和

-webkit文本大小调整：无但它们都不起作用

这是我尝试做的一件事。
您实际上可以通过使用视口单位进行缩放。这是小提琴：。此外，我使用视口单位创建了我的个人网站，当使用Ctrl+或Ctrl-键时，不会对其进行缩放（请参阅）。较旧的浏览器不支持vw、vh、vmin和vmax。我通过使用polyfill解决了这个问题：

HTML:

可能重复的可能重复的可能重复的第一个链接是关于如何使文本缩放到div的宽度，在第二个链接上，他们使用
-webkit text size adjust
命令，这两项工作对于我来说都不能真正解决缩放问题。不管是谁把这篇文章翻了，都应该把它翻过来！谢谢你的回答，它对我非常有效！干杯
<div id = "header">This is a header</div>

#header {
    background-color: #ccc;
    height: 10vh;
    line-height: 10vh;
    font-size: 5vh;
    text-align: center;
}