Как в HTML+CSS сделать так, чтобы при уменьшении блока уменьшился и размер шрифта?

Question

[eldar_web]

Вопрос в области адаптивной верстки.
Допустим есть блок с шириной 330px и шрифт внутри блока, который идет впритык и имеет размер 42px.
Так вот, как сделать так, чтобы при уменьшении ширины блока и уменьшился размер шрифта автоматически (обычно происходит перенес строки) ?
Вот пример: https://jsfiddle.net/wc6508c2/
Необязательно чтобы шрифт имел какой-то размер, главное чтобы он впритык был к блоку.

Answer 1

[metaf]

Это jsfiddle.net/UwarH , thdoan.github.io/scalem ?

Comments

[eldar_web]

Второй.

Answer 2

[Dvorak]

Используйте vw или vh

Comments

[Владимир]

А еще лучше базовый размер в vh(vw) а остальные в em

[eldar_web]

Владимир: На практике это как?

[eldar_web]

vw - Это на всю страницу выводит, а не на блок.

[Владимир]

eldar_web: размер шрифта для боди в vw или vh, размер шрифта для блока в em
https://learn.javascript.ru/css-units

Answer 3

[sergski]

Статья про ваш вопрос с примером

Comments

[eldar_web]

Да какой это ответ? Там просто статья про единицы измерения.