使用CSS中的clamp()实现响应式排版

响应式排版已经流行了一段时间，但一些开发者发现很难实现。这通常是由于复杂的代数公式或复杂的技巧所致。幸运的是，CSS引入了clamp()函数，只需一行代码就可以轻松创建响应式排版。您只需要设置最小值、最大值和首选值，浏览器将完成其余工作。

h2 {
  font-size: clamp(1.5rem, 5vw, 3rem);
}

对于更复杂的示例，请查看Fluid typography snippet。