jquery - 更改字体大小以自动适应 Div

Question

我正在尝试使文本自动调整大小以完全适合 div。

问题是当文本变得太大时我的代码无法工作。
我正在尝试类似于 this 的东西.

我不能使用这个插件，因为它会与我的代码和宽度为 div 的在线工作产生冲突。
之后我想对 div 的高度做同样的事情。

请让我更正我该怎么办？

这就是我正在做的jsfiddle

        //horizontally enlarge div and font-size 
    $('#horizontally').on('change', function() {
        ScaValue = this.value;
        Originalwidth = $("#backgroundImg").width();
        var newWidthofDiv  = (Originalwidth/100) * ScaValue;
        fontsize = newWidthofDiv/10;
        $("#dragable").css({"width":newWidthofDiv,"height":"auto","font-size":fontsize});  
  });

Answer 1

如果要检测对象是否溢出，可以比较offsetsize和scrollsize

它会像这样工作

if( element.offsetHeight < element.scrollHeight ||
   element.offsetWidth < element.scrollWidth){
       console.log("element is overflowing");
       // change the font size here
} else {
    // do probably nothing here
}