ConverterHub

CSS clamp()-smiður

Smíðaðu fljótandi clamp()-gildi sem skalar leturstærð þína mjúklega milli tveggja sýnigluggabreidda.

Hvernig á að nota

  1. Sláðu inn gildin þín í reitina hér að ofan.
  2. Ýttu á Reikna til að sjá niðurstöðuna samstundis.
  3. Notaðu Deila hnappinn til að afrita tengil á niðurstöðuna þína.

Um þessa reiknivél

Þetta tól býr til móttækilegt CSS clamp()-fall fyrir sveigjanlegt letur — clamp(minnst, æskilegt, mest) — þar sem æskilega gildið er reiknuð vw-byggð tjáning sem skalar leturstærð þína mjúklega milli minnstu og mestu skjásýnarbreiddar, svo hún hættir að vaxa eða minnka utan valinna marka þinna.

Framendahönnuðir nota það til að forðast að skrifa margar media-query brotpunkta einungis til að breyta stærð á fyrirsögnum og meginmáli, og fá þess í stað eina CSS-reglu sem skalast sveigjanlega. Sláðu inn minnstu og mestu leturstærð þína og skjásýnarbilið til að fá tilbúna clamp()-reglu til að líma inn.

Was this helpful?

Þú getur valið allt að 3 viðbrögð.

Comments (0)

  • Be the first to comment.

Vinsælar reiknivélar

Lánareiknivél

Mánaðarleg greiðsla, heildarvextir og heildarafborgunaráætlun.

Prósentureiknivél

Prósentubreyting, prósenta af gildi og hlutfallsútreikningar.

Afsláttarreiknivél

Reiknið lokaverð, sparnað og afsláttarupphæð.

BMI reiknivél

Líkamsþyngdarstuðull út frá hæð og þyngd (metrakerfi eða imperial).

Aldursreiknivél

Reiknaðu nákvæman aldur þinn í árum, mánuðum og dögum frá fæðingardegi.

Vaxtavaxtareiknivél

Reiknaðu lokaupphæð og áunna vexti með vaxtavöxtum.

Allar reiknivélar