Calnex LogoCalnex
design

محول PX إلى REM

تحويل بين بكسل CSS (px) ووحدة rem مع حجم خط أساسي قابل للتخصيص. يتضمن جدول مرجعي سريع من 1px إلى 32px. ضروري لتصميم الويب المتجاوب.

المعلمات

القيمة الرقمية للتحويل.

حجم الخط الجذر بالبكسل (المتصفح الافتراضي هو 16 بكسل)

اختر px إلى rem أو rem إلى px.

النتائج

القيمة المحولة1rem

16px = 1rem (at 16px base)

نتائج أخرى (2)
كود CSS
font-size: 1rem; /* 16px */

إعلان CSS جاهز للاستخدام

مرجع سريع (1 بكسل – 32 بكسل)
px | rem
---|---
1 | 0.0625
2 | 0.1250
3 | 0.1875
4 | 0.2500
5 | 0.3125
6 | 0.3750
7 | 0.4375
8 | 0.5000
9 | 0.5625
10 | 0.6250
11 | 0.6875
12 | 0.7500
13 | 0.8125
14 | 0.8750
15 | 0.9375
16 | 1.0000
17 | 1.0625
18 | 1.1250
19 | 1.1875
20 | 1.2500
21 | 1.3125
22 | 1.3750
23 | 1.4375
24 | 1.5000
25 | 1.5625
26 | 1.6250
27 | 1.6875
28 | 1.7500
29 | 1.8125
30 | 1.8750
31 | 1.9375
32 | 2.0000

Reference table: pixels to rem at 16px base

لماذا تختار محول PX إلى REM

يقوم محول Px to Rem بالتحويل على الفور بين وحدات البكسل و rem CSS لتصميم الويب سريع الاستجابة. أدخل أي قيمة وحجم خط أساسي، واحصل على النتيجة المحولة بالإضافة إلى مقتطف كود CSS الجاهز للاستخدام وجدول مرجعي سريع.

  • ✓يحول px إلى rem و rem إلى px بأي حجم خط أساسي
  • ✓يُنشئ مقتطفات كود CSS جاهزة للنسخ
  • ✓يتضمن جدولًا مرجعيًا سريعًا من 1 بكسل إلى 32 بكسل
  • ✓يدعم القيم الكسرية للتحويلات الدقيقة

خطوات الاستخدام

  1. 1أدخل القيمة التي تريد تحويلها
  2. 2قم بتعيين حجم الخط الأساسي (الافتراضي هو 16 بكسل، وهو الحجم الافتراضي للمتصفح)
  3. 3اختر اتجاه التحويل: px إلى rem أو rem إلى px
  4. 4اعرض القيمة المحولة ومقتطف كود CSS
  5. 5استخدم الجدول المرجعي للبحث بسرعة عن التحويلات الشائعة

الأسئلة الشائعة (FAQ)

ما هي وحدة rem في CSS؟

rem (root em) هي وحدة CSS مرتبطة بحجم خط العنصر الجذر (html). على عكس em، الذي يتعلق بالعنصر الأصلي، يشير rem دائمًا إلى نفس القيمة الأساسية، مما يجعله أكثر قابلية للتنبؤ بالتحجيم عبر العناصر المتداخلة.

لماذا يجب علي استخدام rem بدلاً من px؟

يسمح استخدام rem بتصميمك بالتوسع بشكل متناسب عندما يقوم المستخدمون بتغيير حجم خط المتصفح الخاص بهم لسهولة الوصول. وحدات البكسل هي وحدات مطلقة لا تستجيب لتفضيلات المستخدم، بينما يحترم rem إعداد حجم الخط الجذر.

ما هو حجم الخط الأساسي الافتراضي في المتصفحات؟

All modern browsers default to 16px as the root font size. This means 1rem = 16px by default. However, users can change this in their browser settings, which is why using rem is better for accessibility.

كيف يمكنني تحويل 24px إلى rem؟

To convert 24px to rem with the default 16px base: 24 ÷ 16 = 1.5rem. Simply divide the pixel value by the base font size.

هل يمكنني تغيير حجم الخط الأساسي لمشروعي؟

Yes. Many projects set a custom root font size (e.g., 62.5% to make 1rem = 10px for easier math). Enter your project's base font size in the converter to get accurate results.

مراجع ومصادر موثوقة

CSS Values and Units - MDN Web Docs

عرض المصدر

rem - CSS: Cascading Style Sheets | MDN

عرض المصدر

The Battle Between px and rem

عرض المصدر