מחולל 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.

מחשבונים פופולריים

כל המחשבונים