Генератар CSS clamp

Стварыце плыўнае значэнне clamp(), якое плаўна маштабуе памер шрыфта паміж дзвюма шырынямі вобласці прагляду.

Як карыстацца

  1. Увядзіце свае значэнні ў палі вышэй.
  2. Націсніце "Разлічыць", каб убачыць вынік.
  3. Скарыстайцеся кнопкай "Падзяліцца", каб адправіць вынік.

Пра гэты калькулятар

Гэты інструмент генерыруе адаптыўную CSS-функцыю clamp() для гнуткай тыпаграфікі — clamp(min, preferred, max) — дзе пераважнае значэнне — гэта вылічаны выраз на аснове vw, які плаўна маштабуе памер вашага шрыфту паміж мінімальнай і максімальнай шырынёй акна прагляду, так што ён перастае расці або змяншацца па-за абранымі вамі межамі.

Фронтэнд-распрацоўшчыкі выкарыстоўваюць яго, каб не пісаць некалькі пунктоў пераключэння media-query толькі для змены памеру загалоўкаў і асноўнага тэксту, атрымліваючы адно правіла CSS, якое маштабуецца плаўна. Увядзіце мінімальны і максімальны памеры шрыфту і дыяпазон шырыні акна прагляду, каб атрымаць готавае правіла clamp() для ўстаўкі.

Was this helpful?

Можна выбраць да 3 рэакцый.

Comments (0)

  • Be the first to comment.

Папулярныя калькулятары

Усе калькулятары