محوّل px إلى rem وem
قم بالتحويل بين px وrem وem باستخدام أحجام خطوط الجذر والسياق الخاصة بك - قم بتحرير أي حقل وتحديث الحقلين الآخرين أثناء الكتابة.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
يتم تشغيل كل تحويل في متصفحك. لا يتم تحميل أي شيء تكتبه على BroBroGo.
الأسئلة الشائعة
ما الفرق بين px و rem و em؟
px طول ثابت. يتم قياس rem وفقًا لحجم الخط الجذر للصفحة، لذلك عند الجذر 16px، 1rem يساوي 16px. يتم قياس em مقابل حجم خط العنصر الموجود فيه. يتيح تغيير حجم النوع والتباعد في rem لكل شيء تغيير حجمه عندما يغير القارئ حجم الخط الافتراضي.
لماذا يوجد حجم سياق منفصل em؟
تكون وحدة em نسبةً إلى حجم خط العنصر نفسه، وليس بالضرورة إلى حجم خط الجذر. اضبط سياق em على حجم خط ذلك العنصر لقراءة القيمة بصورة صحيحة، وأبقِه مساويًا لحجم الجذر عندما يتطابقان.
ماذا لو كان حجم خط الجذر الخاص بي ليس 16px؟
قم بتغيير حقل حجم الخط الجذر ليتوافق مع CSS وكل قيمة rem يتم تحديثها فورًا. يعد الجدول السريع أدناه دليلاً مفيدًا للجذر 16px الشائع الذي تبدأ منه معظم المواقع.