Css 引导4将文本大小调整为div

我试图调整div中的文本大小，如下所示

当我调整div的大小时，字体大小也必须调整

我尝试使用纯css设置文本元素，并使用所有的相对长度单位，但不起作用。字体大小必须仅取决于div大小，因此vw不合适。我认为唯一的选择是通过javascript设置字体大小

div{ 边框：2倍实心； 填充：20px； 宽度：300px； 调整大小：两者； 溢出：自动； }

你好世界

哪种方法最好，最好是在bootstrap 4或纯css中？

检查这个问题。

您可以更改此设置：

var myElement = document.getElementById('my_element'),
    myResizeFn = function(){
        /* do something on resize */
    };
addResizeListener(myElement, myResizeFn);
removeResizeListener(myElement, myResizeFn);

进入

---

欢迎来到堆栈溢出。请展示你试过的东西。这不是一个请求站点。考虑阅读这个：显示你的CSS和HTMLL不认为你可以做W/B4或纯CSS。你认为你必须使用JS吗

 var myElement = document.getElementById('my_element'),
    myResizeFn = function(){
        document.getElementById(*ID OF OBJECT*).style.fontSize = "20%"; //use % or vh/vw f.e.

    };
addResizeListener(myElement, myResizeFn);
removeResizeListener(myElement, myResizeFn);