Javascript 相对于字符数和屏幕宽度的字体大小的一个很好的算法

好的，我有一个大字体（100px）的输入字段。这种想法是，当用户开始写信时，字体大小会变小，而不是短语离开屏幕

它必须是响应以及，所以一些算法，包括屏幕宽度将是很好的

我现在所拥有的：

var chars = $('#big-search').val();
var w = $(window).innerWidth();

var fz = parseInt($('#big-search').css("font-size"), 10);
console.log(fz);
var nfz = 100-((chars.length/w)*(w*2.2));
if(nfz < 100){
    $('#big-search').css("font-size", nfz+"px")
}

var chars=$（'#大搜索'）.val（）；
var w=$（窗口）.innerWidth（）；
var fz=parseInt（$（'#大搜索'）.css（“字体大小”），10）；
控制台日志（fz）；
var nfz=100-（（字符长度/w）*（w*2.2））；
如果（nfz<100）{
$（“#大搜索”）.css（“字体大小”，nfz+“px”）
}

问题是它加快了字体大小的降低。但它应该放慢速度

对此有什么想法吗？

这就成功了：

var baseFz = 100;
var chars = $('#big-search').val();
var w = $(window).innerWidth();
var nfz = (w/100)*(baseFz/chars.length);

if(nfz <= 100 && nfz >= 20){
    $('#big-search').css("font-size", nfz+"px");
} else if(nfz >= 100){
    $('#big-search').css("font-size", 100+"px");
} else if(nfz >= 20){
    $('#big-search').css("font-size", 20+"px");
}

var baseFz=100；
var chars=$（“#大搜索”）.val（）；
var w=$（窗口）.innerWidth（）；
变量nfz=（w/100）*（基准FZ/字符长度）；
如果（nfz=20）{
$（“#大搜索”）.css（“字体大小”，nfz+“px”）；
}否则，如果（nfz>=100）{
$（“#大搜索”）.css（“字体大小”，100+“像素”）；
}否则，如果（nfz>=20）{
$（“#大搜索”）.css（“字体大小”，20+“px”）；
}