Как задавать тексту размер относительно родителя?

Question

[Ingernirated]

Добрый вечер!
Как можно привязать размер шрифта к размеру родительского блока?
https://jsfiddle.net/mLjqysf0/3/
Что бы если я менял размер белого блока, а шрифт сам подстраивался под него с определенным соотношением.

Comments

[eternalfire]

только если на js считать размер контейнера и менять font-size в соответствии с изменениями контейнера

Answer 1

[GilbertAmethyst]

Есть способы и разные значения css. Например для размера шрифта (и не только) в зависимости от размера viewport'a (окна браузера) можно использовать vh, например: font-size:100vh; (что значит размер шрифта 100% от размеров окна).

Про другие способы можно почитать тут:
https://css-tricks.com/almanac/properties/f/font-size/

Также можно написать метод на js, который будет менять размеры шрифта в нужном блоке в зависимости от размеров любого элемента на странице и по любому принципу.