Можно размер шрифта задавать в %?

Question

[Ingernirated]

Добрый день.
Можно задавать размер шрифта, кроме как в px?
Чтобы он сам изменялся в зависимости от высоты блока.

Answer 1

[Ivan Bogatov]

https://www.w3schools.com/cssref/pr_font_font-size.asp
Можно. Но изменяться будет от "базового".

Comments

[Ingernirated]

это аналогия с px, он не будет никак изменяться.
а нужно, чтобы зависимость была от родительского блока

[Alex McArrow]

Ingernirated,
viewport percentage
1vw = 1% от ширины области
1vh = 1% от высоты области
НО!!! считается ОКНО
Здесь (https://stackoverflow.com/questions/30693928/how-t... есть пример

[Максим Тимофеев]

Ingernirated, от родительского блока ни как. Только от ширины окна. Я думаю Ваш родительский блок тоже зависит от ширины окна, так что можно вычислит зависимость.

Answer 2

[Socrates]

em

Answer 3

[Максим Тимофеев]

Можно задавать размер шрифта, кроме как в px?

Можно и не только в %, есть и куча других единиц: pt, vh, vw, vmin, vmax, em, rem и т.д.

Чтобы он сам изменялся в зависимости от высоты блока.

только через js. Расчет идет от базового размера шрифта. Есть вариант с vh и иногда помогает, если высота блока зависит от высоты окна или наоборот, то иногда можно вычислить таким образом размер шрифта и указать в vh. Но это так себе метод.

Answer 4

[Булат Кутлиев]

Развивая мысль Максим Тимофеев
Задать блок фиксированных пропорций и размер шрифта задать в vh.
https://codepen.io/kutliev/pen/mxEYPQ

Но работает и вправду так себе.
При изменении высоты нормально, при изменении ширины все плывет.

Comments

[Максим Тимофеев]

можно еще поиграться с vmin и vmax, но лучше js