أدخل رقمًا
1 px = 0.05208333333 vw
افتح في محوّل PX إلى REMالصيغة
vw = px × 100 ÷ 1920
طريقة التحويل
لتحويل البكسل إلى وحدات عرض منفذ العرض، استخدم الصيغة vw = px × 100 ÷ 1920. مثال: 32 px = 1.666666667 vw.
جدول التحويل
| px | vw |
|---|---|
| 1 px | 0.05208333333 vw |
| 2 px | 0.1041666667 vw |
| 4 px | 0.2083333333 vw |
| 8 px | 0.4166666667 vw |
| 10 px | 0.5208333333 vw |
| 12 px | 0.625 vw |
| 14 px | 0.7291666667 vw |
| 16 px | 0.8333333333 vw |
| 18 px | 0.9375 vw |
| 20 px | 1.041666667 vw |
| 24 px | 1.25 vw |
| 32 px | 1.666666667 vw |
| 48 px | 2.5 vw |
| 64 px | 3.333333333 vw |
يفترض الجدول عرض منفذ عرض قدره 1920px. غيّر الإعدادات في المحوّل أعلاه لتناسب مشروعك.
عن هذه الوحدات
تحوّل المتصفحات كل طول في CSS إلى بكسلات. تعتمد rem على حجم خط العنصر الجذر، وem على حجم خط العنصر الأب، وكلاهما 16px في جميع المتصفحات الرئيسية ما لم تغيّره الصفحة أو المستخدم. 1pt يساوي 1/72 بوصة و1px يساوي 1/96 بوصة، لذا 1pt = 1.333px. أما vw فهي 1% من عرض منفذ العرض، فيتغير حجمها بالبكسل بحسب الشاشة.
الأسئلة الشائعة
› كيف أحوّل px إلى vw؟
1 px = 0.05208333333 vw. للتحويل، استخدم الصيغة vw = px × 100 ÷ 1920: 32 px = 1.666666667 vw.
› كم يساوي 1 vw بوحدة px؟
1 vw = 19.2 px. الصيغة العكسية هي px = vw × 1920 ÷ 100.
› لماذا أستخدم rem بدل px؟
تتبع أحجام rem إعداد حجم الخط في متصفح المستخدم، ما يدعم إمكانية الوصول، وتغيير قيمة جذرية واحدة يعيد تحجيم التصميم كله بشكل متسق.
› ما الفرق بين rem وem؟
تستخدم rem دائمًا حجم خط العنصر الجذر (html)، بينما تستخدم em حجم خط العنصر الأب، فتتضاعف قيم em المتداخلة.