最近我发现了这个网站：https://varagon.com/
他们正在使用一些有趣的计算公式来计算基于字体大小的窗口大小。公式如下：
font-size: calc(22px + 54 * ((53vw + 53vh) - 600px) / 820);
对于 1920x1126 像素的屏幕尺寸，计算的字体大小值为 88.8006 像素。 你能解释一下公式中每个值的用途吗？
编辑：
也许我没有正确表达我的问题 - 我知道 VH 和 VW 是什么，我的问题是关于整个计算公式。 IE。为什么他们将 22px 添加到高度和宽度的一半之和等 :) 我试图对其进行逆向工程/数学计算，但目前没有成功。
【问题讨论】：
在网站中，他们使用了视口百分比长度。 阅读此click here。
值是：
vw（初始包含块宽度的 1%）
vh（初始包含块高度的 1%）
vi（根元素内联轴方向的视口大小的 1%）
vb（根元素块轴方向的视口大小的 1%）
vmin（vw 或 vh 中的较小者）
vmax（较大或vw或vh）
如果我们取一个vw，如果viewport的宽度是200mm，字体大小 h1 元素的个数为 16mm（即 (8×200mm)/100）。
h1 { 字体大小：8vw }
由此我们可以看出，当视口宽度增加时，字体大小也会增加。
网站的字体大小是根据上述概念计算出来的。
【讨论】：
我找到了可能的答案 - 这个公式是某种 'vmax' polyfill（因为 IE11 不支持这个值）。
我发现的 Polyfill 看起来与我询问的公式非常相似： https://gist.github.com/uto-usui/ea9836aa92d334e7694fb31d8e93a4f4
【讨论】：