Javascript 用于填充动态div的字体大小

我正在尝试调整字体大小以填充容器。这显然不是问题。但是，容器也不是静态大小，它的大小设置为浏览器窗口的%并且我希望字体大小随浏览器大小的变化而动态更新，同时容器也会随之变化

我一直在使用一个修改过的脚本，我发现它可以将字体大小调整为浏览器高度和宽度的%

$( document ).ready( function() {
    var $body = $('body'); //Cache this for performance

    var setBodyScale = function() {
        var scaleFactor = 0.0001,
            scaleSource = $(window).height(),
            scaleSource2 = $(window).width(),
            maxScale = 200,
            minScale = 10;

        var fontSize = (scaleSource * scaleSource2) * scaleFactor; //Multiply the width of the body by the scaling factor:

        if (fontSize > maxScale) fontSize = maxScale;
        if (fontSize < minScale) fontSize = minScale; //Enforce the minimum and maximums

        $('body').css('font-size', fontSize + '%');
    }

    $(window).resize(function(){
        setBodyScale();
    });

    //Fire it when the page first loads:
    setBodyScale();
});

$（文档）.ready（函数（）{
var$body=$（'body'）；//缓存此文件以获得性能
var setBodyScale=函数（）{
var scaleFactor=0.0001，
scaleSource=$（窗口）.height（），
scaleSource2=$（窗口）.width（），
最大刻度=200，
minScale=10；
var fontSize=（scaleSource*scaleSource2）*scaleFactor；//将主体的宽度乘以比例因子：
如果（fontSize>maxScale）fontSize=maxScale；
如果（fontSize

我没有从中得到期望的结果，所以尝试改变它，使缩放源是容器而不是窗口。这有点奏效，但它没有动态更新，它需要刷新页面

---

简而言之，我找不到一种方法来调整字体大小，填充一个容器，而这个容器的大小是由浏览器窗口的%决定的。为什么要发明一些已经存在的东西呢？现在已经有了一个很棒的jQuery工具：

这还不是一个现实世界的答案，但是依赖于视口的字体大小即将出现：

---

目前它只在Chrome Canary中受支持，但很高兴知道它即将推出。

这只会根据容器的宽度调整大小。我希望字体大小能够根据容器的大小进行调整，无论是宽度还是高度都会发生变化。您可以尝试联系此脚本的制造商。他们在推特上！