Css 响应字体大小：哪些值合适？

我目前正忙于响应字体大小。 我很清楚vh、vw、vmin等单位的含义

但我无法与他们达成令人信服的成果。 在大屏幕上显示的是大屏幕，然后在小屏幕上显示为小屏幕。反之亦然

是否有适用于哪些值的一般规则？

例如：h1应该是2vw，h2应该是1.5vw，p应该是1vw等等

---

我应该使用大众还是vh？为什么？Hackape的评论是正确的，他们认为这不是代码问题。但要回答代码意义上的“哪些值是合适的”这一实际问题，答案就是所有这些值

您可以使用

vw

使字体随视口的宽度增长/收缩。或者，您也可以使用

vh

使尺寸相对于高度增大/减小

至于你关于太大或太小的观点，你至少有两个选择

媒体查询 使用媒体查询，您可以控制特定大小的字体大小，就像在响应式设计中控制网站的任何其他部分一样

p {
  font-size: 2vw;
}

@media (min-width: 600px) {
  p {
    font-size: 1vw;
  }
}

不要将该示例用于设计建议，但您可以看到如何根据您的选择轻松地适当控制值

CSS锁 一种很好的替代方法是称为CSS锁的技术。这实际上不是CSS的一部分，而是CSS Calc的一个公式，已知该公式在提供最小和最大字体大小方面非常有效

有一些关于CSS锁的好文章，其中一篇是

下面是一个例子：

---

如您所见，不使用媒体查询。如果你想使用

vw

或

vh

你可以。

我认为这更像是一个设计问题，而不是一个代码问题，也许这可以帮助你@Sfili_81谢谢大家。太好了！：）非常感谢您的回答和文章。

p {
  font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}