محوّل وحدات CSS
التحويل بين وحدات CSS — px وrem وem وvw وvh وpt وcm وmm وin — على الفور في متصفحك. قم بتكوين حجم الخط الأساسي وأبعاد نافذة العرض.
| الوحدة | القيمة |
|---|
الأسئلة الشائعة
ما الفرق بين px وrem وem؟
px (بكسل) وحدة مطلقة تقابل دائماً عدداً ثابتاً من بكسلات الجهاز. rem (root em) نسبي لحجم خط عنصر HTML الجذر — افتراضياً 16px في معظم المتصفحات. em مشابه لكنه نسبي لحجم خط والد العنصر الحالي، مما يجعله يعتمد على السياق وقد يتراكم عند التداخل. للتخطيطات المتسقة والقابلة للتوسع، يُفضّل rem عموماً على em.
متى يجب استخدام vw وvh؟
vw (عرض نافذة العرض) وvh (ارتفاع نافذة العرض) هما نسبتان مئويتان من أبعاد نافذة المتصفح. 1vw تساوي 1% من عرض نافذة العرض و1vh تساوي 1% من ارتفاعها. إنهما مثاليتان للأقسام الكاملة الشاشة والطباعة المستجيبة. انتبه إلى أن vh قد تتصرف بشكل غير متوقع في متصفحات الجوال.
كيف ترتبط pt وcm وmm وin بـ px؟
هذه وحدات فيزيائية مصممة لوسائط الطباعة. على الشاشة، يعرّف CSS البوصة الواحدة بـ 96px بالضبط بغض النظر عن كثافة العرض الفعلية. من هذا المرجع: 1pt = 96/72 px ≈ 1.333px، 1cm ≈ 37.795px، 1mm ≈ 3.78px. رغم أن هذه الوحدات دقيقة في الطباعة، على الشاشة هي نسبية لبكسل مرجع CSS.