Генератор на CSS clamp

Изградете плавна clamp() стойност, която мащабира размера на шрифта ви плавно между две ширини на viewport.

Как се използва

  1. Въведете стойностите си в полетата по-горе.
  2. Натиснете "Изчисли", за да видите резултата.
  3. Използвайте "Сподели", за да изпратите резултата си.

За този калкулатор

Този инструмент генерира отзивчива CSS функция clamp() за плавна типография — clamp(min, preferred, max) — където предпочитаната стойност е изчислен израз на база vw, който плавно мащабира размера на шрифта между минимална и максимална широчина на видимата област, така че той спира да расте или да намалява извън избраните от вас граници.

Front-end разработчиците го използват, за да избегнат писането на множество media-query прекъсвания само за да преоразмерят заглавия и основен текст, получавайки вместо това едно CSS правило, което се мащабира плавно. Въведете минималния и максималния размер на шрифта и диапазона на видимата област, за да получите готово за поставяне правило clamp().

Was this helpful?

Можете да изберете до 3 реакции.

Comments (0)

  • Be the first to comment.

Популярни калкулатори

Всички калкулатори