js控制文本框自動縮小字體填充，當文本框中的字體超出文本框范圍的時候，框內的字體會自動縮小，以填充整個文本框;

調用：resetFontSize($(".title"), 50, 10, 20);//重置字體大小

wordbox:jQuery對象
maxHeight:box的最大高度
minSize:最小字體大小
maxSize:最大字體大小

this.resetFontSize=function (wordbox, maxHeight, minSize, maxSize) {     //  var wordbox = $(".products .title");     //最大高度     //var maxHeight = 30;     //初始化文字大小為最小     wordbox.css('font-size', minSize + "px");     maxSize++;     wordbox.each(function () {       //循環修改大小直至大于最大高度       for (var i = minSize; i < maxSize; i++) {         if ($(this).height() > maxHeight) {           //當容器高度大于最大高度的時候，上一個嘗試的值就是最佳大小。           $(this).css('font-size', (i - 2) + 'px');           //結束循環           break;         } else {           //如果小于最大高度，文字大小加1繼續嘗試           $(this).css('font-size', i + 'px');         }       }     });   }; 

以上所述是小編給大家介紹的jQuery 控制文本框自動縮小字體填充，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！