是否可以使用 CSS 将字体大小调整为 div 宽度?

新手上路,请多包涵

我有一个宽度为 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 大小是响应 式的,这一点很重要。提前致谢!

原文由 Engkus Kusnadi 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 309
1 个回答

您只需在代码中添加 display: inline;

 .parent {
  width: 70%;
  height: auto;
  min-height: 100px;
  background: red;
  font-size: 10vw;
  display: inline;
}
 <div class="parent">
  This Text
</div>

原文由 Marina 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题