javascript实现一行文字随不同设备自适应改变字体大小至完全展示

<div id="titleBox">
         <div class="title" id="title">
                哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈
        </div>
</div>

//title字体大小自适应，以能完全在一行显示25个不同类型的字符。
    function fontAuto() {
        let titleBox = document.getElementById("titleBox");
        let maxWidth = titleBox.offsetWidth;
        let title=document.getElementById("title");
        let size=4;
        title.style.fontSize = size + 'vw';
        while (title.scrollWidth > maxWidth) {
            //当容器高度大于最大高度的时候，上一个尝试的值就是最佳大小。
            size=size-0.2;
            title.style.fontSize = size+ 'vw';
        }
    }