HesapHanem

מחולל CSS clamp

בנה ערך clamp() נזיל שמשנה את גודל הגופן שלך בחלקות בין שני רוחבי חלון תצוגה.

איך להשתמש

  1. הזינו את הערכים שלכם בשדות שלמעלה.
  2. לחצו על חשב כדי לראות את התוצאה באופן מיידי.
  3. השתמשו בכפתור שיתוף כדי להעתיק קישור לתוצאה שלכם.

אודות מחשבון זה

כלי זה מייצר פונקציית CSS clamp() רספונסיבית לטיפוגרפיה נוזלית — clamp(min, preferred, max) — שבה הערך המועדף הוא ביטוי מבוסס-vw מחושב שמשנה את גודל הגופן שלכם בצורה חלקה בין רוחב תצוגה מינימלי למקסימלי, כך שהוא מפסיק לגדול או להצטמק מעבר לגבולות שבחרתם.

מפתחי צד-לקוח משתמשים בו כדי להימנע מכתיבת כמה נקודות שבירה של media query רק לשינוי גודל כותרות וטקסט גוף, ומקבלים חוק CSS אחד שמשתנה בצורה נוזלית במקומן. הזינו את גדלי הגופן המינימלי והמקסימלי שלכם ואת טווח רוחב התצוגה כדי לקבל חוק clamp() מוכן להדבקה.

האם זה עזר לכם?

ניתן לבחור עד 3 תגובות.

תגובות

  • היו הראשונים להגיב.

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

מחשבון הלוואה

תשלום חודשי, סה"כ ריבית ולוח סילוקין מלא.

מחשבון אחוזים

שינוי באחוזים, אחוז ממספר וחישובי יחס.

מחשבון הנחה

חשבו את המחיר הסופי וכמה תחסכו עם הנחה באחוזים.

מחשבון BMI

חשבו את מדד מסת הגוף (BMI) שלכם לפי גובה ומשקל וראו את הקטגוריה שלכם.

מחשבון גיל

חשבו את הגיל המדויק שלכם בשנים, חודשים וימים מתאריך הלידה.

מחשבון ריבית דריבית

ראו כיצד החיסכון שלכם צומח עם ריבית דריבית לאורך זמן בכל תדירות היוון.

כל המחשבונים