Как правильней делать респонсивно/адаптивный заголовок?

Question

[lukoie]

Вообще, сделал страницу с бутстрапом, и поставил заголовок "статистика" в теги H1
На десктопе добился норм визуально при помощи 6rem.
На мобильном этот заголовок уже вылазит за ширину экрана.
1 Можно на медиа сделать.
2 Можно жаваскриптом медиа менять.
3 можно в vw задавать.
Как делать это наименьшей кровью и по бест практикам на сегодня?

Answer 1

[xmoonlight]

Что-то типа того:
font-size: calc(2rem + 2vw - 1vh);

Comments

[lukoie]

Нормально поддерживается на мобильных и в браузерах? Уже можно спокойно в продакшне?

[xmoonlight]

lukoie, я не увидел косяков... вот