Javascript 如何在CSS/JS中调整字体的大小，使其两侧相对于容器有一定的边距？

我可以使用

200vh

等工具使字体相对于视口大小（如果我只是将其放在主体中），但如何使其大小完全适合容器？也就是说，我希望文本的每一侧都有一定的边距，比如宽度的8%，并且文本填充剩余的84%。如何使用HTML/JS/CSS实现这一点

正文{
字体大小：70vh；
显示器：flex；
文本对齐：居中；
证明内容：中心；
}

---

您好

这种方法不是完美的像素，但会有一个近似的结果。
通过包装文本（例如在

中），可以获得初始文本宽度和字体大小，这将用于使用容器的宽度计算最终字体大小

window.addEventListener（'resize'，calcFontSize）；
var textEl=document.querySelector（'span'），
textElParent=textEl.parentNode，
textFontSize=parseFloat（window.getComputedStyle（textEl，null）.getPropertyValue（'font-size'）），
textWidth=textEl.clientWidth，
太空飞行；
函数calcFontSize（）{
spaceToFill=textElParent.clientWidth；
textEl.style.fontSize=（spaceToFill*textFontSize）/textWidth+“px”；
}
calcFontSize（）
html{
背景色：#fff；
}
身体{
背景色：#F3；
显示器：flex；
文本对齐：居中；
证明内容：中心；
利润率：0.8%；
}

你好