Создайте адаптивное правило font-size

Разобранная CSS-формула

Как рассчитывается этот адаптивный clamp для размера шрифта

Для 16 px при ширине 320 px и 20 px при 1200 px наклон равен (20 − 16) ÷ (1200 − 320) = 0,004545 px на пиксель ширины. Умножаем на 100 и получаем 0,454545vw; свободный член равен 16 − (0,004545 × 320) = 14,545455 px, или 0,909091rem при корневом размере 16 px.

Проверка границ: 14,545455 px + 0,454545vw дают 16 px при 320 px и 20 px при 1200 px до округления сериализованной формулы.

clamp(минимум, предпочтительное значение, максимум) удерживает 1rem ниже малой границы и 1,25rem выше большой. Перед использованием проверьте погрешности округления, масштабирование текста, содержимое и вёрстку.