Как уменьшить размер шрифта при уменьшении размера окна?

Question

[Alex_87]

Добрый день! Прошу помочь разобраться с единицей измерения REM! Я знаю, что с помощью REM, можно уменьшать размер шрифта при уменьшении окна, только не знаю как... https://codepen.io/Alexei_87/pen/MddZrQ

Answer 1

[Денис Грибанов]

Пожалуйста, изучите что такое REM (он же root EM) https://learn.javascript.ru/css-units

Возможно, Вам стоит посмотреть в сторону VW VH (либо по ссылке выше, либо https://html5book.ru/edinicy-izmereniya-vh-vw-vmin...

Answer 2

[Ivan Bogachev]

Видимо вам нужно привязать размер шрифта у элемента html (он же :root в нашем контексте) к единицам vw и сделать из этого шлюз. Есть хорошая статья по теме. А уже потом использовать единицы rem в компонентах. Таким образом вслед за размером шрифта у html будут меняться размеры шрифтов везде. Так же можно использовать эти же единицы rem везде, где размеры элементов по смыслу связаны с размером шрифта.