DevToolPal
ع

وحدات CSS

محوّل pt إلى px

حوّل النقطة (pt) إلى البكسل (px). 1 pt = 1.333333333 px، و1 px = 0.75 pt.

الصيغة

px = pt ÷ 0.75

طريقة التحويل

لتحويل النقطة إلى البكسل، اقسم القيمة على 0.75. مثال: 14 pt = 18.66666667 px.

جدول التحويل

pt px
6 pt 8 px
8 pt 10.66666667 px
9 pt 12 px
10 pt 13.33333333 px
11 pt 14.66666667 px
12 pt 16 px
14 pt 18.66666667 px
16 pt 21.33333333 px
18 pt 24 px
24 pt 32 px
36 pt 48 px
48 pt 64 px
72 pt 96 px

عن هذه الوحدات

تحوّل المتصفحات كل طول في CSS إلى بكسلات. تعتمد rem على حجم خط العنصر الجذر، وem على حجم خط العنصر الأب، وكلاهما 16px في جميع المتصفحات الرئيسية ما لم تغيّره الصفحة أو المستخدم. ‏1pt يساوي 1/72 بوصة و1px يساوي 1/96 بوصة، لذا 1pt = 1.333px. أما vw فهي 1% من عرض منفذ العرض، فيتغير حجمها بالبكسل بحسب الشاشة.

الأسئلة الشائعة

› كيف أحوّل pt إلى px؟

1 pt = 1.333333333 px. للتحويل، اقسم القيمة على 0.75: 14 pt = 18.66666667 px.

› كم يساوي 1 px بوحدة pt؟

1 px = 0.75 pt. الصيغة العكسية هي pt = px × 0.75.

› لماذا أستخدم rem بدل px؟

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

› ما الفرق بين rem وem؟

تستخدم rem دائمًا حجم خط العنصر الجذر (html)، بينما تستخدم em حجم خط العنصر الأب، فتتضاعف قيم em المتداخلة.