מחולל אבנית מסוג נוזל
חישוב ערך CSS Clamp() נוזלי אמיתי מגודל מינימלי ומקסימלי על פני שני רוחבי יציאת תצוגה, כאשר השיפוע והצומת מוצגים שלב אחר שלב ותצוגה מקדימה של שינוי גודל חי.
תוצאה
עמוד זה פותח את המחשבון ישירות במצב קנה מידה עם בסיס של 16 פיקסלים ויחס של 1.25 (שלישי עיקרי) שכבר נבחר - נקודת התחלה מוצקה, בשימוש נרחב לסולם טיפוגרפי. משני המספרים הללו בלבד, נוצרים שישה גדלים: small, base, h4, h3, h2 ו-h1, כל אחד מהם ערך הנוזל clamp() שלו ולא גודל קבוע בודד.
כל שלב שומר על גודל הבסיס מעוגן באותו ערך הן בקצה הנייד והן בשולחן העבודה, בעוד שהכותרות מתרחבות בצורה אגרסיבית יותר ביציאת התצוגה של שולחן העבודה הרחבה יותר מאשר בזו הניידת הצר - אותו רעיון כמו בחירת יחס עדין יותר למסכים קטנים ונועז יותר למסכים גדולים, הנגזר אוטומטית מהיחס היחיד שאתה בוחר.
שינוי היחס ל-1.125, 1.2, 1.333 או 1.5 יוצר מחדש את כל הטבלה באופן מיידי, והלחצן שמתחתיו מעתיק את כל ששת ערכי clamp() כבלוק מוכן להדבקה של מאפיינים מותאמים אישית של CSS עבור שאר גיליון הסגנונות לעיון.