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