Как менять размер текста при изменении ширины экрана?

Question

[moneymakerXA]

Всем доброго времени суток! Глянул на сайт с телефона и понял, что шрифт огромный, как можно его менять, в зависимости от ширины экрана?

Answer 1

[Антон Иванов]

Оставлю вам для ознакомления
https://developer.mozilla.org/en-US/docs/Web/CSS/M...

Answer 2

[Алексей Струков]

Если брать "классическую" систему респонсивной типографики, то там обычно адаптируют лишь размер заголовков. Вот по ссылке можно ознакомиться: typecast.com/blog/a-more-modern-scale-for-web-typo...
Подход спорный, но общие принципы в целом адекватные, на мой взгляд. Менять размер параграфов особого смысла не имеет. Если им поставить font-size около 16-20 пикселей с высотой линии в 1.5, то на мобилах они будут выглядеть нормально без адаптивности.

Answer 3

[Stalker_RED]

body {
   font-size: 5vw;
}

https://jsfiddle.net/erLc49Lv/