Как создать адаптивный шрифт по макету?

Question

[topi768]

Здравствуйте! у меня в макете на широких экранах(1920px) размер шрифта 72px, а на мобильных устройствах(375px) 48px. Как нужно правильно верстать это? создавать медиа запросы на 375px и в нём ставить 48px или же мне нужно решить уравнение вида y = kx + b, подставить мои значения, найти коэффициенты и на их основе сделать функцию в scss?

Comments

[Антон Литвиненко]

зависимо от того в какую сторону идут медиазапросы - либо увеличивать либо уменьшать. просто адекватно на подходящих брейкпоинтах. например на 768 поствить уже 48

[Ankhena]

создавать медиа запросы на 375px и в нём ставить 48px

Либо так.
Либо пересчитать в vw и использовать функцию clamp (или её вариации min и max) (это функция css) для плавного изменения.

Какой путь выбрать зависит от того, как перестраивается всё остальное. Если прыжками, то в clamp нет смысла и даже будет плохо. А если резина, то очень даже.

Answer 1

[Anonymous Penguin]

создавать медиа запросы на 375px и в нём ставить 48px

да. Так верстальщики и делают