ממיר פיקסלים ל-EM/REM
המירו px, rem, em, pt ו-% עם טבלה חיה ו-CSS מוכן להעתקה
rem יחסי לגודל גופן השורש; em ו-% יחסיים לאב.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
אודות ממיר פיקסלים ל-EM/REM
ממיר הפיקסלים ל-EM/REM מתרגם ערכי אורך ב-CSS בין px, rem, em, pt ואחוזים. הזן ערך באחת מחמש היחידות וטבלה חיה מציגה את המקבילה בכל השאר — בתוספת קטע קוד CSS מוכן להעתקה שניתן להדביק ישירות לגיליון סגנונות.
ההמרות מכבדות את האופן שבו CSS בפועל פותר יחידות: rem יחסי לגודל הגופן של השורש, בעוד em ו-% יחסיים לגודל הגופן של האלמנט ההורה. שני גדלי הייחוס ניתנים לעריכה, כך שאפשר לדגמן שורש בגודל 16 px עם רכיב בגודל 14 px, או כל קנה מידה של מערכת עיצוב שאתה משתמש בו.
טבלת ערכים נפוצים ממפה את הגדלים שמעצבים פונים אליהם הכי הרבה — כך ששאלות כמו "כמה זה 24px ב-rem" נענות במבט חטוף. הכלי חינמי, מתעדכן תוך כדי הקלדה, והוא כלי בסיסי להמרת עיצובים בפיקסלים קבועים ל-CSS נגיש וניתן להתאמת קנה מידה מבוסס rem.
כיצד להשתמש ב-ממיר פיקסלים ל-EM/REM
- הזן את הערך להמרה ובחר את יחידתו: px, rem, em, pt או %.
- התאם את גודל גופן השורש (עבור rem) ואת גודל גופן ההורה (עבור em ו-%) אם הם שונים מ-16 px.
- קרא את הערכים המומרים בטבלה החיה.
- העתק את קטע קוד ה-CSS שנוצר או כל ערך מטבלת הערכים הנפוצים.