随着视口宽度减小，增加字体大小。

Question

我想知道是否有CSS命令可以在视口宽度变小时增加字体大小（类似于反向夹紧方法）。 实际上，我想做的是与夹紧相反的事情（因为第一个条目是最小值）。 我在互联网上搜索了一下，但没有找到。 谢谢你提前的反馈。

- Dhalsim

---

看一下 CSS 的 calc。 - Psi

Answer 1

您可以使用calc根据视口的宽度减去字体大小，这将给您所需的反比例缩放。

然后，您仍然可以像所需的那样使用clamp并设置最小/最大值。

将下面的代码段作为完整页面运行。

h1 {
 font-size: clamp(10px, calc(100px - 5vw), 100px); 
}

<h1>Heading 1</h1>

- cam

---

非常感谢您的有益反馈！！我刚刚尝试了一下，它对我来说运行得很好;) - Dhalsim