Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/CSS/clamp-fluid-typography

Как работает `clamp()` для fluid typography?

СобеседованиеАдаптивность
  • clamp(MIN, PREFERRED, MAX) — значение зажато между min и max
  • MIN — минимальный размер (accessibility: не менее 1rem)
  • PREFERRED — формула с vw для плавного масштабирования
  • MAX — максимальный размер
h1 { font-size: clamp(1.5rem, 1rem + 2vw, 3rem); }
p { font-size: clamp(1rem, 0.9rem + 0.5vw, 1.25rem); }
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov