Question

Hellow，我想知道如何通过使用字符长度作为参考来增加字体大小。我试图做的是某种信息发布，它可以（或不）有图像，现在，当用户只放置文本时，帖子的高度严重受损（由于字符的随机性）用户输入），所以我试图开发这样的东西，其中如果用户只在帖子上放置文字，字体可以增长，直到达到帖子的最大高度（650px），同时考虑到字符，所以几个字符=更大的字体，很多字符=小字体（直到达到最大字体大小）。基本上我想找到所用字符的字体增长率。

需要考虑的事项：

宽度对于此目的并不重要。
为此目的，我不能减少帖子的高度 650像素。
帖子可以拥有的最大字符数而不会损坏高度是：1202个字符和10.5px
我知道帖子要求最小长度的字符不会通过大小增量看起来很奇怪。

如果我没有正确解释我的自我，请告诉我，我真的很感激这一点，谢谢。

Answer 1

以下是根据长度改变字体大小的方法：

function changeFontSize() {

  var thisVal = $('#input').val(); //get input value
  $('#output').text(thisVal); //change <p> text to input text
  var fontSize = 300/thisVal.length; //alter font size depending on string length
  $('#output').css("font-size", fontSize + "px"); //set font size
  
  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<input id='input' onchange='changeFontSize()' onkeyup='changeFontSize()'> 
<p id='output'>
</p>
</div>

其余的应该很容易实现：）

小提琴：https://jsfiddle.net/9m62qyxa/

使用javascript按字符长度增加字体大小

1 个答案: