css设置字体随浏览器的高度变化而变化

1、新建一个html代码页面，然后创建一个用于存放文字的<div>,同时添加class="test"

代码：

<div class="test">

字体大小随高度变化而变化

</div>

2、使用vh为test类设置文字随高度变化而变化。

代码：

<style>

.test{

font-size: 5vh;

}

</style>

3、保存html代码后使用浏览器打开，修改浏览器窗口的高度会发现字体随浏览器高度变化而进行大小变化。