Я не думал, что доживу, но, похоже, скоро можно будет вписывать текст в контейнер без хаков с vw/vh и даже без скриптов.
Сразу пример (нужны флаги! ниже): https://codepen.io/cssgrid/pen/emBZzPL
Фича называется text-fit. Это часть экспериментального CSS (обсуждается в рамках CSS Text / Sizing), и идея тут очевидна: вписать текст в контейнер.
Вот спека в процессе: https://drafts.csswg.org/css-text-4/#text-fit-property
Пока это всё работает только за флагом
chrome://flags → Experimental Web Platform features.Но уже хорошо же!
#css #text #fit