CSS Clamp генератору

Шрифт өлчөмүңүздү эки viewport туурасынын ортосунда жылмакай масштабдаган ийкемдүү clamp() маанисин түзүңүз.

Кантип колдонуу керек

  1. Жогорудагы талааларга маанилериңизди киргизиңиз.
  2. Натыйжаны заматта көрүү үчүн Эсептөө баскычын басыңыз.
  3. Натыйжаңыздын шилтемесин көчүрүү үчүн Бөлүшүү баскычын колдонуңуз.

Бул калькулятор жөнүндө

Бул курал агымдуу типографика үчүн ийкемдүү CSS clamp() функциясын — clamp(min, preferred, max) — жаратат, мында каалаган маани сиздин шрифт өлчөмүңүздү минималдуу жана максималдуу көрүү терезесинин туурасынын ортосунда шыдыр масштабдоочу, эсептелген vw-негиздүү туюнтма болот, ошондуктан ал тандалган чектериңизден ары өсүүнү же кичирейүүнү токтотот.

Front-end иштеп чыгуучулар аны аталыштар менен негизги текстти кайра өлчөмдөө үчүн бир нече медиа-сурам чектерин жазбоо үчүн колдонот, бир CSS эрежеси ордуна шыдыр масштабдалат. Даяр чаптала турган clamp() эрежесин алуу үчүн минималдуу жана максималдуу шрифт өлчөмдөрүңүздү жана көрүү терезесинин диапазонун киргизиңиз.

Was this helpful?

3 реакцияга чейин тандай аласыз.

Comments (0)

  • Be the first to comment.

Популярдуу калькуляторлор

Бардык калькуляторлор