Css 在没有javascript的情况下，如何根据父元素宽度更改子元素中的字体大小

我有一个数字宽度的框，我想根据父元素的宽度更改子元素的字体大小，我使用了vw或em，但不起作用，只使用css或sass是可能的

<div class="timer" >
 <div class="timer__minute">12</div>
</div>

：根目录{
--宽度：10em；
}
.家长{
宽度：var（--宽度）；
高度：100px；
边框：1px实心#333；
显示：网格；
地点内容：中心；
}
.家长{
保证金：0；
字体大小：calc（var（--width）/4）；
}

你好

我怀疑堆栈溢出上是否有魔术师可以调试他们看不见的代码。。请将您的代码贴在您的问题旁边，这是否回答了您的问题？检查第二个最佳投票答案，但或多或少的答案是：如果你有最大宽度，这是不可能的。或者您在svg中以第三名的身份发言谢谢您的回复，但我没有静态宽度，它有最小宽度和最大宽度

.timer{
min-width:100px;
max-width:500px;
&__minute{
 padding:10px
}
}