מחולל CSS clamp

איך להשתמש ב־מחולל CSS clamp

מחולל CSS clamp. הייצוא ב-rem וב-vw. הגדירו גודל גופן שורש. התצוגה מדמה את הרוחב הנבחר.

1. שנו צבעים, טקסט או מספרים למעלה.
2. השוו את התצוגה בעת שינוי ההגדרות.
3. העתיקו את הפלט או הורידו אותו למכשיר.

מחולל CSS clamp · דוגמה

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

הערות שימוש

הקבצים והקלט מעובדים בדפדפן הזה. ללא העלאה או חשבון.

הייצוא ב-rem וב-vw. הגדירו גודל גופן שורש. התצוגה מדמה את הרוחב הנבחר.