动态增加字体大小

Question

我需要一个脚本来调整字体大小的宽度以填充父级的宽度。可能有几个容器，其中包含父div的文本。它们以相等的宽度边距彼此隔开。

所以，不知何故，我需要迭代字体大小，将大小增加1px并检查所有跨度及其间隔符的新宽度是否适合parentContainer ......

这是我到目前为止所得到的。

<style>
    span {
        margin-right:20px
    }
</style>

<div id="parentContainer">
    <span>some text</span>
    <span>more text</span>
    <span>another text</span>
</div>

<script>
    $("#parentContainer span:last-child").css("margin-right","0");

    function adjustFonts() {
    var myText = $("span").length, // count text containers
        spacersWidth = (myText - 1) * 20, // margin on the right side 
        availWidth = $("myText").innerWidth(),
                defaultFontSize = 11;

    var fontSize = ???

    $("myText").css("font-size", fontSize +"px");

}

adjustFonts();

$(window).resize(function() {
    adjustFonts();
});
</script>