Как сделать адаптивный текст, адаптирующийся именно под размер блока?

Question

[ItIt]

Как задать fon-size тексту, что бы он адаптировался под размеры блока. Именно что-бы возможно было добавить сколько угодно текста в этот блок, а текст соответственно уменьшался и полностью помещался в блок, но при малом колличестве текста font-size был больше? Возможно кто нибудь сталкивался с подобной проблемой, может быть знаете какую либо библиотеку?

Comments

[Dosya]

Научись пользоваться гуглом Ответ

[historydev]

анимешникам слово не давали

[Dosya]

Владимир, короче чел я тебе так скажу если есть какие-то претензии на счет программирование, валяй, а на счет другого не надо так нести, все таки это форум айтишников тут тебе не детский сад

[Volonteer]

Если еще актуально, то вот дляSCSS

//пример: @include adaptiv-font(60, 40);60/40 макс и мин размер по макету
$maxWidth: 1320;
@mixin adaptiv-font($pcSize, $mobSize) {
    $addSize: $pcSize - $mobSize;
    $maxWidth: $maxWidth - 320;
    font-size: calc(#{$mobSize + px} + #{$addSize} * ((100vw - 320px) / #{$maxWidth}));
}

Answer 1

[Василий Черненков]

Мне на ум приходит только один способ на js. Задать размер шрифта в несколько пикселей, потом циклом проверять наличие полосы прокрутки. Если ее нет - увеличть размер шрифта и проверить снова.

Comments

[ItIt]

Это оказалось самым действенным решением