המר 32px ל-REM
המר px ל-rem, rem ל-px ו-px ל-em בכל גודל גופן בסיסי, עם שורת CSS מוכנה להעתקה וטבלת התייחסות חיה.
תוצאה
דף זה פותח את הממיר עם 32 שכבר הוכנסו: בבסיס דפדפן ברירת המחדל של 16px, 32px שווה בדיוק ל-2rem - הכפלה של גודל השורש. גודל הגופן של השורה המוכנה להעתקה: 2rem; מופיע מיד, ושדה הבסיס נמצא שם אם הפרוייקט שלך שונה.
שלושים ושניים פיקסלים הם גודל כותרת נפוץ, אייקון סטנדרטי וממד אווטאר, והשלב של 4× של רשת מרווח של 8 נקודות. גדלים שמתייחסים למספרי rem שלמים כמו 2rem הם הקלים ביותר להגיון, וזו הסיבה ש-16, 32, 48 ו-64 פיקסלים הם עמוד השדרה של סולמות טיפוגרפיים רבים.
טבלת ההתייחסות שלהלן מראה את עמוד השדרה במבט חטוף - כל גודל נפוץ מ-1 עד 64 פיקסלים מומר בבסיס הנוכחי שלך, כאשר שורת הבסיס מודגשת. המתמטיקה פועלת בדפדפן שלך בזמן שאתה מקליד ושום דבר לא יוצא מהדף.