<div id = "parent" style = "width:100px; height:100px">
  <div id = "child" style = "width:20px; height:20px; font-size:1vw">
    Hello there
  </div>
</div>

我承认我对 css 的理解很差是 font-size:1em，将根据元素本身宽度的百分比来调整“你好”的大小。“子”的宽度。

假设这是正确的，是否有可能仅通过 css 将“子”的内容大小调整为其父元素（“父”）宽度的百分比？

uj5u.com热心网友回复：

font-sizeem单位是相对于父元素的字体大小，而不是它的宽度。

您不能仅使用 css 更改相对于父元素宽度的字体大小。最接近的选项是使用vw单位相对于视口宽度对其进行缩放。

uj5u.com热心网友回复：

您可以使用 % 来更改相对于父元素字体大小的字体大小。我认为您不能使用 css 更改相对于父级宽度的字体大小。如果你的父母是身体，那么你可以使用 vw。