Как масштабировать шрифт, чтобы он занял собой блок целиком?

Question

[maashaa]

Успех на Хабре лёгкого стартапа Ты — супер подвиг меня воскресным вечером покопать в направлении своего улучшателя настроения (пользователи IE извините).

Он работает только в разрешении 1280x1024, и для вычисления размера шрифта используется магический код centered.style.fontSize = (900 - 3 * message.length) + '%';. При этом всё равно проблемы, если кто-то пользуется + "+".

А как бы сделать, чтобы размер шрифта подбирался, чтобы заполнить div? Может можно его адаптивно увеличивать и как-то вычислять размер получающегося блока?

Upd. Пришлось самой разбираться. По ссылке всё работает…

Answer 1

[lugansk]

«Quick and dirty» решение:

pastebin.com/N8N4iN79

(повесил изменение размера шрифта на загрузку страницы, изменение размера окна и на ввод текста)

Тормозит, но при желании можно до ума довести.

Comments

[maashaa]

Тот же принцип… В Upd. было написано, что вопрос снят.

[maashaa]

Но спасибо за Ваши усилия. :-)

[lugansk]

Задача просто заинтересовала, решил не глядя в ваш код свою версию попробовать сделать.