Html 在响应文本中使用vh和vw的优缺点是什么？

我想我的问题归根结底是这样的：有许多不同的方法使文本具有响应性，但为什么要使用一种方法而不是另一种？是否有一种方法最适合一般使用，或者不同的技术有不同的用途？

您不能只使用媒体查询。

您可以使用视口单位和@media标记的组合。请在单击“展开代码段”后尝试调整其大小

p{
字体大小：2vw；
}

fawef faw ef afwe Awojif Poaj Oojif Oja Oojif aojiwfeoja Owjif Oja pfija Ijfaoji jva jevsoij Iwefjiwap4hwt4 Awjiajfoi jo ijfaowj oiej Poifjaw of Jei

如注释中所述，字体大小单位vh和vw将分别使字体大小相对于视口高度和宽度

增加/减少的右下（输出）窗口中的窗格以查看其工作情况

更多信息请访问和

更多内容

p：第一个孩子{
字号：4vw
}
p:最后一个孩子{
字号：6vh
}

此文本将根据视口宽度展开或收缩

此文本将根据视口高度展开或收缩

vw

和/或

vh

单元寻求帮助的问题必须包括所需的行为、特定的问题或错误以及在问题本身中重现问题所需的最短代码。没有明确说明的问题对其他读者没有用处。请参阅：.CSS不会这样做，但您可以查看vmin和vmaxunits@GCyrillus嘿，是的，我刚更新了我的问题。vmin和vmax似乎是现在做事情的首选方式，对吗？相对于em/rem方法，这有什么原因吗？也许最好的方法是寻找它们的意义/用途？不要以问题的形式发表评论，耐心地回答不需要澄清的问题，直到你有足够的代表为止。为了发表评论，你能举一个@MarkM的例子吗？嘿，谢谢你的链接。所以我以前用过vh和vw，我重新格式化了我的问题来反映这一点，但为什么要用vh而不是vw，或者反过来呢？我在CSS技巧文章中看到了这两种用法，但我不清楚这两种用法的用途。