ממיר PX ל REM עם בסיס 10px
המר px ל-rem, rem ל-px ו-px ל-em בכל גודל גופן בסיסי, עם שורת CSS מוכנה להעתקה וטבלת התייחסות חיה.
תוצאה
דף זה פותח את הממיר כאשר גודל הגופן הבסיסי מוגדר מראש ל-10px. זהו ה-html הקלאסי { font-size: 62.5% } ההגדרה: 62.5% מברירת המחדל של הדפדפן של 16px היא בדיוק 10px, כך שערכי rem הופכים קריאים טריוויאליים - 14px הוא 1.4 רם, 18px הוא 1.8 רם, 24px הוא 2.4 רם.
צוותים מאמצים את הבסיס של 10 פיקסלים בדיוק כדי להימנע משש עשרה מביכות: במקום לזכור ש-14 פיקסלים זה 0.875 רם, פשוט מזיזים את הנקודה העשרונית. מכיוון שהטריק משתמש באחוז ולא בערך פיקסל קבוע, הוא עדיין מכבד את גודל הגופן שמשתמש מגדיר בהעדפות הדפדפן, שהוא מלכתחילה ארגומנט הנגישות ליחידות rem.
הקלד כל ערך פיקסל כדי לקבל את המקבילה ל-rem שלו בבסיס של 10px יחד עם קו CSS מוכן להעתקה, ובדוק את טבלת ההתייחסות למטה עבור כל סולם 1-64 פיקסלים שכבר הומר. אם הפרוייקט שלך משתמש בגודל שורש שונה, שנה את שדה הבסיס והכל יופיע בזמן אמת.