Как автоматически настроить размер шрифта содержимого в соответствии с его пределами - PullRequest
Новая
       10

Как автоматически настроить размер шрифта содержимого в соответствии с его пределами

0 голосов
/ 13 октября 2018

Как автоматически настроить размер шрифта содержимого в соответствии с его диапазоном

Тот же вопрос, что и здесь.Мне нужно автоматически настроить диапазон, чтобы соответствовать обертке.НО в зависимости от роста и веса, потому что у меня есть 2 строки текста

Я уже пробовал это, но он работает только с шириной 

function textfit(){
    var spans = document.body.getElementsByTagName("span");

    for(var i = 0, l = spans.length; i < l; i++){ 
        var span = spans[i];
        var font = window.getComputedStyle(span, null).getPropertyValue('font-size');    
        var fontSize = parseInt(font);

    do {
        span.style.fontSize = (fontSize --) + "px";
    } while (span.scrollHeight > span.clientHeight || span.scrollWidth > span.clientWidth);

    }
}

$(document).ready(function() {
    textfit();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
    span{
        display: inline-block;
        width: 200px;
        height: 100px;
        font-size: 100pt;       
    }
</style>
<body>
    <div>
        <span>SMALL</span>
        <span>MEEEEEEEEEEEEEDIUM</span>
        <span>HUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUGE</span>
    </div>
</body>
...