clamp(): плавен размер с долна и горна граница

Полезно е да знаеш

clamp() приема минимум, предпочитана стойност и максимум. Например font-size: clamp(1rem, 2vw, 2rem); позволява на размера да следва ширината на прозореца, като остава в зададените граници. Аргументите трябва да бъдат съвместими с типа стойност, който свойството очаква. [1]

Това е удобно за заглавие, което трябва да се променя плавно, вместо да прескача между няколко размера. Посоченият пример илюстрира синтаксиса; той не е универсална типографска настройка за всеки шрифт и език.

Провери дълги заглавия, тесен екран и увеличен текст. Наличието на clamp не гарантира автоматично добра четимост или достъпност. Ако думите излизат извън колоната, може да са нужни промени в ширината, пренасянето или самите граници. Не използвай функцията, за да заключиш целия интерфейс към удобния размер на един тестов екран.