ממיר PX ל-EM
המר px ל-rem, rem ל-px ו-px ל-em בכל גודל גופן בסיסי, עם שורת CSS מוכנה להעתקה וטבלת התייחסות חיה.
תוצאה
דף זה פותח את הממיר בכיוון px → em. החשבון הוא אותה חלוקה כמו עבור rem - פיקסלים מחולקים בגודל גופן הפניה - אבל ההתייחסות שונה: em הוא ביחס לגודל הגופן של אלמנט האב (או, עבור גודל הגופן עצמו, הגודל המועבר בירושה של האלמנט), לא לשורש.
ההבדל הזה הוא בדיוק כאשר אתה מגיע ל-em: ריפוד שאמור לגדול עם הטקסט של הרכיב עצמו, שאילתות מדיה שנכתבו ב-em, או כפתור שהריווח שלו משתנה כאשר גודל הגופן שלו משתנה. הזן את גודל הגופן האמיתי של ההורה בשדה הבסיס - אם הרכיב שלך נמצא בטקסט של 14 פיקסלים, ריפוד של 21 פיקסלים הוא 1.5em, לא 1.3125em.
התוצאה מגיעה עם קו CSS מוכן להעתקה, וטבלת ההתייחסות מציגה את גדלי הפיקסלים הנפוצים שהומרו מול גודל האב הנוכחי. הכל מתעדכן בדפדפן שלך בזמן ההקלדה, ללא נתונים שיוצאים מהדף.