基于 window 大小的字体大小的完美公式？
Perfect formula for window-size based font size?
最近我发现了这个网站：https://varagon.com/
他们正在使用一些有趣的计算公式来计算 window 基于大小的字体大小。公式如下：
font-size: calc(22px + 54 * ((53vw + 53vh) - 600px) / 820);
对于 1920x1126 像素的屏幕尺寸，计算出的字体大小值为 88.8006 像素。
您能解释一下公式中的每个值的用途吗？
编辑：
也许我没有正确表达我的问题 - 我知道 VH 和 VW 是什么，我的问题是关于整个计算公式。 IE。为什么他们将 22px 添加到高度和宽度的一半之和等。:)
我试图扭转 engineer/math 它，暂时没有成功。
在站点中，他们使用了 Viewport-percentage 长度。
要了解此内容 click here。
值为：
vw（初始包含块宽度的 1%）
vh（初始包含块高度的1%）
vi（根元素内联轴方向视口大小的1%）
vb（根元素块轴方向视口大小的1%）
vmin（vw 或 vh 中的较小者）
vmax（或vw或vh中较大者）
If we take a vw, if the width of the viewport is 200mm, the font size
of h1 elements will be 16mm (i.e. (8×200mm)/100).
h1 { font-size: 8vw }
从这里我们可以看出，当视口宽度增加时 font-size 增加。
网站的font-size是从above-mentioned概念计算出来的
我找到了可能的答案 - 这个公式是某种 'vmax' polyfill（因为 IE11 不支持这个值）。
我发现的 Polyfill 看起来与我询问的公式非常相似：
https://gist.github.com/uto-usui/ea9836aa92d334e7694fb31d8e93a4f4
最近我发现了这个网站：https://varagon.com/
他们正在使用一些有趣的计算公式来计算 window 基于大小的字体大小。公式如下：
font-size: calc(22px + 54 * ((53vw + 53vh) - 600px) / 820);
对于 1920x1126 像素的屏幕尺寸，计算出的字体大小值为 88.8006 像素。 您能解释一下公式中的每个值的用途吗？
编辑：
也许我没有正确表达我的问题 - 我知道 VH 和 VW 是什么，我的问题是关于整个计算公式。 IE。为什么他们将 22px 添加到高度和宽度的一半之和等。:) 我试图扭转 engineer/math 它，暂时没有成功。
在站点中，他们使用了 Viewport-percentage 长度。 要了解此内容 click here。
值为：
vw（初始包含块宽度的 1%）
vh（初始包含块高度的1%）
vi（根元素内联轴方向视口大小的1%）
vb（根元素块轴方向视口大小的1%）
vmin（vw 或 vh 中的较小者）
vmax（或vw或vh中较大者）
If we take a vw, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100).
h1 { font-size: 8vw }
从这里我们可以看出，当视口宽度增加时 font-size 增加。
网站的font-size是从above-mentioned概念计算出来的
我找到了可能的答案 - 这个公式是某种 'vmax' polyfill（因为 IE11 不支持这个值）。
我发现的 Polyfill 看起来与我询问的公式非常相似： https://gist.github.com/uto-usui/ea9836aa92d334e7694fb31d8e93a4f4