5 месяцев назад
19
Для адаптивного изменения размера шрифта с помощью функции clamp() в CSS, вам необходимо указать минимальное, предпочтительное и максимальное значения размера шрифта.
Предпочтительное значение само адаптируется в зависимости от размера экрана обычно, это выражается в процентах или vw - viewport width (подробнее про единицы измерения). Если значение выходит за рамки минимального или максимального, оно будет ограничено.
Функция clamp() в CSS принимает три аргумента в следующем порядке:
clamp(min, value, max)
p {
font-size: clamp(16px, 4vw, 32px);
}
В данном примере
Таким образом, размер шрифта будет динамически адаптироваться к размеру окна, но он не станет меньше 16px и не превысит 32px.