将 div 的字体大小作为该 div 父大小的百分比

Question

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

我公认的对css的理解很差，就是字体大小：1em，will size"你好"；根据元素本身宽度的百分比"孩子&quots宽度。

假设这是正确的，是否有可能，仅通过css，拥有"；孩子&quots内容的大小改为其父元素("parent"(宽度的百分比？

Answer 1

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

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

Answer 2

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