מחולל גודל גופן נוזלי () Clamp
חישוב ערך CSS Clamp() נוזלי אמיתי מגודל מינימלי ומקסימלי על פני שני רוחבי יציאת תצוגה, כאשר השיפוע והצומת מוצגים שלב אחר שלב ותצוגה מקדימה של שינוי גודל חי.
תוצאה
דף זה פותח את המחשבון עם הגדרת גודל גופן נוזלית למטרות כלליות שכבר מולאה: 16 פיקסלים בנקודת מבט של 320 פיקסלים עד 24 פיקסלים ביציאת תצוגה של 1280 פיקסלים. זהו טווח נוח מגוף לקצת גדול יותר שמתרחב בצורה חלקה ממסך טלפון טיפוסי לחלון שולחן עבודה טיפוסי, וזו ההגדרה שרוב האנשים מתכוונים אליה כשהם מחפשים מלכתחילה מהדק בגודל גופן נוזלי.
ארבעת המספרים פתוחים לשינוי: הגדל את הגודל המקסימלי לכותרת ולא לגוף הטקסט, או צמצם את טווח יציאת התצוגה אם העיצוב רק צריך להתגמש בין טאבלט לנקודת שבירה של שולחן העבודה. לא משנה מה תזין, השיפוע וצומת ציר ה-y מחושבים מחדש באותו אופן ומוצגים כחשבון מפורש, לא מוסתרים בתוך השורה הסופית.
מתחת לארבעת הכניסות, מחוון ברוחב יציאת התצוגה מניע תצוגה מקדימה חיה כך שהקנה מידה גלוי מיד, והקו clamp() מוכן להעתקה נמצא במרחק לחיצה אחת. החלפת יחידת הפלט בין rem ל-px מחשבת מחדש כל מספר מבלי לגעת בערכי הגודל המינימלי והמקסימלי עצמם.