Javascript 为接受可变文本的固定宽度文本div设置最小和最大字体大小

我想知道如何为接受可变文本的固定宽度div设置最小和最大字体大小。我看了一个类似的脚本，但它没有提供一个简单的Javascript方法

如果文本较短，则字体大小将为12px，例如，如果是多行，则可以降至最小8px。我怎样才能在纯javascript中实现这一点

---

谢谢大家!

将事件侦听器添加到某些正在更改的属性中，然后相应地更改字体大小

document.getElementById（“testInput”）.addEventListener（“keyup”，function（））{
var inputText=document.getElementById（“testInput”）.value；document.getElementById（“test”）.innerHTML=inputText；
如果（输入文本长度>10）{
document.getElementById（“测试”）.style.fontSize=“8px”；
}否则如果（输入文本长度>5）{
document.getElementById（“测试”）.style.fontSize=“10px”；
}否则{
document.getElementById（“测试”）.style.fontSize=“12px”；
}  
});

“我能”
。。你是说我们；）请展示您迄今为止所做的尝试。StackOverflow不是一个免费的编码服务——你也不能期望得到模糊的答案，包括计算每个字符的大小——这是你可以事先做一些研究的。获取字符串的长度并相应地更改div的类别，以匹配不同字体大小的css样式，非常感谢@Pankaj！这很有帮助@Roko：我并不是要在这里提出一个解决方案，而是想知道如何实现我的目标。