rem إلى vh
محوّل يحسب قيمة vh من rem لحجم rem وارتفاع نافذة العرض المحددَين لجعل القياس متجاوبًا
مفاتيح الاختصار
يحسب وينسخ نتيجة الحساب.
يحسب النتيجة.
ينسخ نتيجة الحساب.
يعكس المحول إلى "VH إلى REM".
يركز على حقل الإدخال "REM".
يركز على حقل الإدخال "حجم REM".
يركز على حقل الإدخال "ارتفاع إطار العرض".
FAQ
كيف يمكن تحويل REM إلى VH؟
لتحويل rem إلى vh، يجب أن تعرف الحجم الكلي لـ 1 REM (الافتراضي 16px) وارتفاع نافذة العرض ثم طبّق الصيغة: ((rem * حجم rem) / vh) * 100 على سبيل المثال، مع 16px لـ 1rem و1000px لارتفاع نافذة العرض، سيُحوَّل 1rem إلى: ((1 * 16) / 1000) = 1.6vh
ما هي صيغة تحويل REM إلى VH؟
((rem * حجم rem) / vh) * 100
ما هي وحدة rem؟
يتم تعريف REM بالنسبة لحجم خط العنصر الجذري. يتم مطابقة العنصر الجذري بواسطة الفئة الزائفة :root أو محدد html. لذلك تأخذ وحدة REM واحدة القيمة المعطاة لـ font-size الخاص بالعنصر الجذري. هذا يعني أن 1 REM يحافظ على نفس القيمة في جميع أنحاء كود CSS الخاص بك.
ما هي وحدة vh؟ (ارتفاع إطار العرض)
تُستخدم ارتفاع إطار العرض (VH) في التصميم المتجاوب، وهي وحدة نسبية لمنطقة عرض صفحة الويب المسماة إطار العرض. تقابل 1vh نسبة 1% من العرض. لذا، لجعل عنصر بارتفاع كامل، يجب استخدام 100vh. يمكنك أيضًا استخدام قيم عشرية. يُرجى ملاحظة أن دقة الأرقام العشرية قد تختلف حسب المتصفح.
جدول تحويل REM إلى VH عندما يكون حجم rem هو 16px وارتفاع نافذة العرض 1080px
| rem | vh |
|---|---|
| 1rem | 1.481vh |
| 2rem | 2.963vh |
| 3rem | 4.444vh |
| 4rem | 5.926vh |
| 5rem | 7.407vh |
| 6rem | 8.889vh |
| 7rem | 10.37vh |
| 8rem | 11.852vh |
| 9rem | 13.333vh |
| 10rem | 14.815vh |
| 11rem | 16.296vh |
| 12rem | 17.778vh |
| 13rem | 19.259vh |
| 14rem | 20.741vh |
| 15rem | 22.222vh |
| 16rem | 23.704vh |
| 17rem | 25.185vh |
| 18rem | 26.667vh |
| 19rem | 28.148vh |
| 20rem | 29.63vh |
| 21rem | 31.111vh |
| 22rem | 32.593vh |
| 23rem | 34.074vh |
| 24rem | 35.556vh |
| 25rem | 37.037vh |
المزيد من تحويلات REM و VH
