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

Question

[Adexs]

Возникла неожиданная проблема - на верстаемом сайте текст заголовка колоссальных размеров и, при уменьшении размеров окна, он, как бы это сказать, "распирает" окно, добавляя горизонтальную прокрутку, в то время как остальные блоки уменьшаются корректно. Есть способ сделать его более резиновым, не используя медиа-запросы на этой стадии?

Answer 1

[Александр Гамов]

Во первых проследить чтобы он переносился на новую строку (не задавать жестко height, а лучше line-height + padding), ну и использовать динамические единицы
vw – 1% ширины окна
vh – 1% высоты окна
Но без медиа запросов никуда, не нужно их бояться.

Comments

[Adexs]

Переноситься переносится, но каждое слово само по себе не дает окну сузиться, размеры бешеные.
"Жесткие" свойства не использую.

Медиа-запросы использовать не боюсь, просто сейчас обычная резина не может нормально сработать из-за этих изысков дизайнера.)

[Александр Гамов]

Adexs: Можно извратиться и с помощью js высчитывать длину каждого слова (сумма шир ? ширин ? ширинов ? каждого символа) и устанавливать такой fz, чтобы умещалось. Или в % от родительского блока, методом тыка подобрать подходящий множитель.
Лучше отдельно проработать узкие моменты и под них прописать доп классы или медиа запросы, чем пытаться какое-то костыль универсальное решение придумывать