محوّل البكسل إلى 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
يحوّل محوّل px إلى EM/REM قيم الطول في CSS بين px وrem وem وpt والنسبة المئوية. أدخل قيمة بأي من الوحدات الخمس، ويعرض جدول حي مكافئها في جميع الوحدات الأخرى — إلى جانب مقتطف CSS جاهز للنسخ يمكنك لصقه مباشرة في ورقة الأنماط.
تراعي التحويلات كيفية معالجة CSS الفعلية للوحدات: rem نسبية إلى حجم خط الجذر، بينما em والنسبة المئوية نسبيتان إلى حجم خط العنصر الأب. كلا الحجمين المرجعيين قابل للتعديل، ما يتيح لك محاكاة جذر بحجم 16px مع عنصر بحجم 14px، أو أي مقياس نظام تصميم تستخدمه.
يربط جدول القيم الشائعة الأحجام التي يلجأ إليها المصممون غالبًا — لتُجاب أسئلة مثل "كم يساوي 24px بوحدة rem" بنظرة سريعة. الأداة مجانية، وتُحدَّث أثناء الكتابة، وهي أساسية لتحويل تصاميم بيكسل ثابتة إلى CSS قابل للتوسع يعتمد على rem وسهل الوصول.
كيفية استخدام محوّل البكسل إلى EM/REM
- أدخل القيمة المراد تحويلها واختر وحدتها: px، rem، em، pt أو %.
- اضبط حجم خط الجذر (لـ rem) وحجم خط العنصر الأب (لـ em والنسبة المئوية) إذا كانا مختلفين عن 16px.
- اقرأ القيم المحوّلة في الجدول الحي.
- انسخ مقتطف CSS المُولَّد أو أي قيمة من جدول القيم الشائعة.