Javascript 调整borswer的大小时在div内填充文本

在调整bowser窗口的大小时，是否可以使div中的文本与其div相适应

我读过和其他一些关于将文本调整到DIV的文章，但没有一篇文章在调整浏览器窗口大小时给出关于文本调整的公认答案

<div id="wrapper">
    <div class= "tfz">FIT THIS TEXT</div>
</div>

适合这个文本

试试-

word-wrap: break-word;

并在

%

中设置宽度。希望这能解决问题

示例

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

div {
    width: 500px;
    word-wrap: break-word;
    font-size: 2vw;
}

---

对于

宽度
作为
px
给定，您确实无法调整它的大小，除非您使用一些
javascript/jquery
！因此，如果在
px
中提到宽度非常重要，那么您可以通过
jquery/javascript
实现它

因此，如果您同意在
%
中提及它，那么您肯定可以通过CSS管理它，如下所示：

#wrapper{
    position: relative;//no need to change this
    width: 50%;
    word-wrap: break-word;//apply this.
    height: auto;
}

但字体大小保持不变？实际上，调整字体大小并不适合div？为此，您需要使用一些
javascript/jquery
，这只是一些简单的代码行，您可以找到它
wordwrap:break-word不调整字体大小以适合其容器？我正在寻找一种通过调整字体大小将文本固定到div的方法。