המירו px, rem, em, pt ו-% עם טבלה חיה ו-CSS מוכן להעתקה

ערך להמרה
px
px

rem יחסי לגודל גופן השורש; em ו-% יחסיים לאב.

ערכים מומרים
px
0
rem
0
em
0
pt
0
%
0
ערכים נפוצים
PXREMEMPT
10
12
14
16
18
20
24
28
32
40
48
64
קטע CSS

						

אודות ממיר פיקסלים ל-EM/REM

ממיר הפיקסלים ל-EM/REM מתרגם ערכי אורך ב-CSS בין px, rem, em, pt ואחוזים. הזן ערך באחת מחמש היחידות וטבלה חיה מציגה את המקבילה בכל השאר — בתוספת קטע קוד CSS מוכן להעתקה שניתן להדביק ישירות לגיליון סגנונות.

ההמרות מכבדות את האופן שבו CSS בפועל פותר יחידות: rem יחסי לגודל הגופן של השורש, בעוד em ו-% יחסיים לגודל הגופן של האלמנט ההורה. שני גדלי הייחוס ניתנים לעריכה, כך שאפשר לדגמן שורש בגודל 16 px עם רכיב בגודל 14 px, או כל קנה מידה של מערכת עיצוב שאתה משתמש בו.

טבלת ערכים נפוצים ממפה את הגדלים שמעצבים פונים אליהם הכי הרבה — כך ששאלות כמו "כמה זה 24px ב-rem" נענות במבט חטוף. הכלי חינמי, מתעדכן תוך כדי הקלדה, והוא כלי בסיסי להמרת עיצובים בפיקסלים קבועים ל-CSS נגיש וניתן להתאמת קנה מידה מבוסס rem.

כיצד להשתמש ב-ממיר פיקסלים ל-EM/REM

  1. הזן את הערך להמרה ובחר את יחידתו: px, rem, em, pt או %.
  2. התאם את גודל גופן השורש (עבור rem) ואת גודל גופן ההורה (עבור em ו-%) אם הם שונים מ-16 px.
  3. קרא את הערכים המומרים בטבלה החיה.
  4. העתק את קטע קוד ה-CSS שנוצר או כל ערך מטבלת הערכים הנפוצים.

שאלות נפוצות

rem תמיד יחסי לגודל הגופן של השורש (html), בעוד em יחסי לגודל הגופן שהאלמנט הנוכחי יורש. ערכי em מקוננים מצטברים, ולכן rem בדרך כלל צפוי יותר עבור פריסה.

עם גודל גופן שורש ברירת המחדל של 16 px, 16 px שווה בדיוק ל-1 rem. שנה את שדה גודל השורש והממיר יחשב מחדש — בשורש של 18 px, 16 px הופך לכ-0.889 rem.

ערכי rem משתנים בהתאם כאשר משתמשים משנים את גודל הגופן הבסיסי של הדפדפן שלהם, ושומרים על טקסט קריא עבור אנשים שזקוקים לגופן גדול יותר. גדלי px קבועים מתעלמים מהעדפה זו, מה שפוגע בנגישות.

CSS מגדיר 1 pt כ-1/72 מהאינץ׳ ו-1 px כ-1/96, כך ש-1 pt = 1.333 px ו-12 pt = 16 px. נקודות מופיעות בעיקר בגיליונות סגנון להדפסה ובמסמכים המיובאים מתוכנות עיבוד תמלילים.

עבור גודל גופן, % יחסי לגודל הגופן של האלמנט ההורה, בדיוק כמו em: 100% שווה לגודל ההורה, כך ש-87.5% מהורה בגודל 16 px הם 14 px. הגדר את שדה גודל ההורה כך שיתאים להקשר שלך.

שתף זאת

חיפושים פופולריים
ממיר px ל-rem ממיר px ל-em פיקסל ל-rem rem ל-px ממיר יחידות css מחשבון px em rem
צריך עזרה?
נתקלת בבעיה בכלי הזה? ספר לצוות שלנו.
דיווח על בעיה

הוסיפו כלי חינמי זה לאתר שלכם — העתיקו והדביקו את הקוד שלהלן.