px إلى rem
محوّل يحسب rem من px لحجم rem محدد لجعل القياس متجاوباً
مفاتيح الاختصار
يحسب وينسخ نتيجة الحساب.
يحسب النتيجة.
ينسخ نتيجة الحساب.
يعكس المحول إلى "REM إلى PX".
يركز على حقل الإدخال "بكسل".
يركز على حقل الإدخال "حجم REM".
الإضافات
FAQ
كيف تحوّل PX إلى REM؟
لتحويل px إلى rem، يجب معرفة الحجم الإجمالي لـ 1 REM، والقيمة الافتراضية هي 16px ثم طبّق المعادلة: px / rem مثلاً، عند حجم 1rem يساوي 16px، سيتم تحويل 32px إلى: 32 / 16 = 2rem
ما هي معادلة تحويل PX إلى REM؟
px / rem
ما هي وحدة rem؟
يتم تعريف REM بالنسبة لحجم خط العنصر الجذري. يتم مطابقة العنصر الجذري بواسطة الفئة الزائفة :root أو محدد html. لذلك تأخذ وحدة REM واحدة القيمة المعطاة لـ font-size الخاص بالعنصر الجذري. هذا يعني أن 1 REM يحافظ على نفس القيمة في جميع أنحاء كود CSS الخاص بك.
ما هي وحدة px؟ (بكسل)
وحدة البكسل هي نظرياً أصغر نقطة تُعرض على شاشة الكمبيوتر. في الوقت الحاضر، يمكن أن تختلف وحدة البكسل بين الدقة الفعلية والدقة المنطقية. يُسمى هذا الاختلاف بنسبة بكسل الجهاز أو DPR: الدقة المنطقية = الدقة الفعلية / نسبة بكسل الجهاز. لذلك، شاشة بدقة فعلية 1024×768 ونسبة DPR تساوي 2 ستكون دقتها المنطقية 512×384.
جدول تحويل PX إلى REM إذا كان حجم rem هو 16px
| px | rem |
|---|---|
| 10px | 0.625rem |
| 20px | 1.25rem |
| 30px | 1.875rem |
| 40px | 2.5rem |
| 50px | 3.125rem |
| 60px | 3.75rem |
| 70px | 4.375rem |
| 80px | 5rem |
| 90px | 5.625rem |
| 100px | 6.25rem |
| 110px | 6.875rem |
| 120px | 7.5rem |
| 130px | 8.125rem |
| 140px | 8.75rem |
| 150px | 9.375rem |
| 160px | 10rem |
| 170px | 10.625rem |
| 180px | 11.25rem |
| 190px | 11.875rem |
| 200px | 12.5rem |
| 210px | 13.125rem |
| 220px | 13.75rem |
| 230px | 14.375rem |
| 240px | 15rem |
| 250px | 15.625rem |
المزيد من تحويلات PX و REM


