javascript - 自动调整具有固定宽度的 div 的字体大小

Question

我有一个具有以下属性的 div

 background: none repeat scroll 0 0 #999999;
border: 1px solid #639BBE;
height: 62px;
margin-top: 13px;
width: 135px;

这个 div 的宽度和高度是固定的，我无法更改它们，现在如果我在该 div 中输入一些大文本，它会超出 div ，我想要一些我可以处理的东西，这意味着如果这个 div 的文本增加它自动减小字体大小以调整文本。如果我需要添加一些 javascript 没有问题，没有任何限制。

在我输入大文本的那一刻，它是这样显示的！

提前致谢

Answer 1

$.fn.HasScrollBar = function() {
//note: clientHeight= height of holder
//scrollHeight= we have content till this height
var _elm = $(this)[0];
var _hasScrollBar = false; 
if ((_elm.clientHeight < _elm.scrollHeight) || (_elm.clientWidth < _elm.scrollWidth)) {
    _hasScrollBar = true;
}
return _hasScrollBar;
}

使用此功能找出溢出并使用 jquery 更改字体大小