html - 根据 div 调整大小调整文本大小？

Question

首先，这是我的代码:

.header{
  width: 100%;
  height: 10%;
  background-color: #FF4545;

}
.headertext{
    font-family: 'Duru Sans', sans-serif;
    font-size: 65px;
    float:left;
    margin-top: 0px;
    margin-bottom: 0px;
}

.headermenu{
    font-family: 'Duru Sans', sans-serif;
    font-size: 65px;
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;

}

所以 .headertext 和 .headermenu 都是嵌入在 .header div 中的 html p 语句。现在，.header div 有一个 bg 颜色。当我调整窗口大小时，div 会调整大小(非常清楚地使用 bg 颜色)，但文本不会调整大小。鉴于我已经为它们分配了具体的字体大小，因此文本不会调整大小是有道理的。我想问一下如何让字体大小动态缩放，以便文本始终保留在 div 中？此时，当您调整大小时它会伸出底部，这意味着一半的文本位于 bg 颜色的 div 中，而另一半则伸出到空白处。我希望这已经足够清楚了，谢谢!

Answer 1

尝试像这样改变它:

1) 添加“字体大小:65px；”到类“.header” 2) 将".headertext"和".headermenu"类中font-size 的定义替换为"font-size: 1em;"

因此，子节点将获得与父节点相同的大小。因此，当调整父节点大小时，子节点也将调整大小。