Sabit bir boyut div kullanıcı girilen metin görüntülemek istiyorum. İstediğim yazı tipi boyutu metin mümkün olduğunca kutusunu dolduracak şekilde otomatik olarak ayarlanması için.

Eğer div 400px İse - x 300px. Eğer birisi ABC girerse o zaman gerçekten büyük yazı tipi. Eğer bir paragraf girin, sonra da küçücük bir yazı olurdu.

Muhtemelen sığacak kadar maksimum bir yazı tipi boyutu - metin konteyner uygun, yazı tipi boyutunu küçültmek için çok büyük ise 32px, ve belki de başlamak isterdim.

Teşekkürler 4**. JQuery kullanmak istedim.

Doğru yönde beni işaret etti ve bu işi sonlandırıyorum

Burada eklenti için bir link: https://plugins.jquery.com/textfill/
Ve kaynak link: http://jquery-textfill.github.io/

;(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 });
});

ve benim html bu gibi

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

Bu muhtemelen olması gerektiği kadar iyi değil o yüzden ilk benim jquery eklentisi. İşaretçiler kesinlikle açıktır.