Текст адаптированый при уменьшении экрана?

Question

[grishaaa]

При уменьшении экрана, нужно чтобы текст уменьшался, как это сделать

Answer 1

[iBird Rose]

делаешь все шрифты на сайте через em. а у body - через px. потом при уменьшении экрана - меняешь у body font-size. итого шрифты будут уменьшаться везде.

Answer 2

[Артём]

Такое не подойдет?

Comments

[Андрей Б.]

Артём Лучше эту статью https://zellwk.com/blog/viewport-based-typography/

Answer 3

[whoisthere]

По умолчанию в большинстве браузеров 16px.
А если выставлены пользовательские настройки в браузере?
100% куда комфортнее для пользователя, вы не заставляете его принудительно играть по Вашим правилам.
Имхо:

body {
  font-size: 100%;
}

.text {
  font-size: 1em;
}