jq实现字体大小随字数改变而变化

有时候，我们需要根据字体（数字）大小随字数改变而做出变化，而font-size又是固定的，这里就用jq简单的解决下这个问题。

1.html

代码如下（示例）：

	<div id="out">888888888888888</div>
	<!-- 👇我是参照 -->
	<div>888888888888888</div>

2.jq写法

代码如下（示例）：

<script src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var wordNumber = $("#out").html().length;
    var fontSize = wordNumber > 10 ? 0.1 * 10 / wordNumber + 'rem' : '1rem';     
    $("#out").css('font-size',fontSize)
});
</script>

---

总结

以上就是今天要讲的内容，希望大家多多指教、相互学习、共同进步！