是否可以在CSS中同时使用vw和vh？

当我按宽度调整窗口大小时，它看起来很好，但当调整高度时，文本不会调整大小，这反过来会在括号中产生溢出

#body div[class^=“side-”]olli p.game a{
颜色：#000000；
字体：粗体。7vw/1钨，无衬线；
高度：自动；
宽度：自动；
填充：0；
盒影：0；
}

---

我尝试过使用

vmin

，但这没有帮助，因为窗口的高度几乎总是小于宽度。是否可以同时使用

vw

和

vh

以使窗口同时调整宽度和高度大小

也许，您可以看到属性wordwrap:break word

否则，您可以看到：

@media all and (orientation: landscape) { /* HERE YOUR CODE */ }

---

是的，取决于用例的具体情况。CSS允许

纵横比

媒体查询。这可以使您拥有一个适用于各种纵横比的

vmin

或

vw

/

vh

尺寸。一个基于您的粗略示例：

html {
  color: #000000;
  font: bold 7vw tungsten, sans-serif;
  height: auto;
  width: auto;
  padding: 0;
  box-shadow: 0;
  font-size: 20vmin;
}

@media (min-aspect-ratio: 3/1) {
  html {
    color: #00a;
    font-size: 14vmin;
  }
}

这应该可以解决您对纵横比的担忧：“我尝试过使用vmin，但这没有帮助，因为窗口的高度几乎总是小于宽度”

---

根据您的设计，当屏幕较宽时使用

vw

，当屏幕较高时使用

vh

可能比使用上面显示的

vmin

要好。

回答标题中的问题：是。这是什么奇怪的

.7vw/1

？相关答案：。所以vmin是有帮助的，但前提是vw和vh大小的比例为1:1。@Vivick这是

字体大小

和

行高

的简写声明，使用

.7vw

表示

字体大小

和“1”（CSS中为数不多的无单位属性之一）

行高

。