javascript - 如何使文本响应其容器？

Question

我有一个输入，用户可以在其中输入数字，并且我有一个固定宽度的 div，它输出用户输入的值，所以我正在寻找一种方法，使字体大小在消耗容器宽度时变小。这可能吗 ？如果没有，还有其他想法来处理这种情况

Answer 1

您可以使用 CSS 实现此目的。您可以以 vw 或像素为单位给出字体大小值。例如:

p {
  font-size:2vw;
}

或

p {
  height:200px;
  width:200px;
}

或者简单地使用媒体查询。