自动调整动态文本大小以填充固定大小的容器

;(function($) {        $.fn.textfill = function(options) { var fontSize = options.maxFontPixels; var ourText = $('span:visible:first', this); var maxHeight = $(this).height(); var maxWidth = $(this).width(); var textHeight; var textWidth; do {     ourText.css('font-size', fontSize);     textHeight = ourText.height();     textWidth = ourText.width();     fontSize = fontSize - 1; } while ((textHeight > maxHeight || textWidth > maxWidth) && fontSize > 3); return this;        }    })(jQuery);    $(document).ready(function() {        $('.jtextfill').textfill({ maxFontPixels: 36 });    });

和我的HTML是这样的

<div  style='width:100px;height:50px;'>    <span>My Text Here</span></div>

这是我的第一个jquery插件，因此可能不尽如人意。指针当然是受欢迎的。