ממיר PX ל REM

יחידות Rem שומרות על פריסות נגישות - הן משנות את קנה המידה עם העדפת גודל הגופן של המשתמש - אבל אף אחד לא רוצה לחלק ב-16 בראש כל היום. הממיר הזה עושה את החשבון בשידור חי: בחר את הכיוון (px → rem, rem → px או px → em), הקלד את הערך, והתוצאה מופיעה באופן מיידי יחד עם שורת CSS מוכנה להעתקה כגון גודל גופן: 0.875rem.

שדה גודל הגופן הבסיסי הופך את הכלי להתאים לכל פרויקט. ברירת המחדל של הדפדפן היא 16px, כך ש-1rem שווה ל-16px מחוץ לקופסה, אבל בסיסי קוד רבים מגדירים html { font-size: 62.5% } כדי ש-1rem יהיה שווה ל-10px - הזן 10 כבסיס וכל שורה של המרה וטבלה. הכיוון px → em משתמש באותה מתמטיקה מול גודל הגופן של אלמנט האב במקום השורש, וזה בדיוק ההבדל בין em ו-rem ב-CSS.

מתחת לתוצאה, טבלת התייחסות מציגה את גדלי העיצוב הנפוצים ביותר - 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 ו-64 פיקסלים - שכבר הומרו בבסיס הנוכחי שלך, כשהשורה תואמת לבסיס מודגשת. זהו דף הצ'יט שאחרת היית שומר מוקלט על המסך שלך, תמיד מסונכרן עם הבסיס שבו אתה משתמש בפועל.

הכל קורה באופן מקומי בדפדפן שלך תוך כדי הקלדה: ללא העלאה, ללא הרשמה, ללא שרת הלוך ושוב. דפים מוגדרים מראש עבור rem → px, px → em, הבסיס של 10px וערכים פופולריים כמו 14, 24 ו-32 פיקסלים פותחים את הממיר מוכן לשאלות המדויקות הללו.