CSS:是否可以将字体大小调整为div宽度？

Question

我有一个宽度为70%的div,这就是我想要做的:

• 在那个div中放了一些词
• 调整字体大小,使这些单词占据所有div宽度

只有css这可能吗？这是我的代码:

.parent {
  width:70%;
  height:auto;
  min-height:100px;
  background:red;
  font-size:10vw;
}

Please help me to change the font-size dynamically to the parent class
<hr>
<div class="parent">
  This Text
</div>

注意:div 大小是响应的,这很重要.提前致谢!

Answer 1

可能不完全是您要寻找的东西，但是有些东西-您可以使字体和元素都相对于视图宽度。

p {
  font-size: 5vw;
  background-color: red;
  width: 50vw;
}

<p>
  I'm a P!
</p>

Answer 2

你只需要添加display: inline;你的代码

.parent {
  width: 70%;
  height: auto;
  min-height: 100px;
  background: red;
  font-size: 10vw;
  display: inline;
}

<div class="parent">
  This Text
</div>