vw إلى rem

محوّل يحسب قيمة rem من vw لحجم rem وعرض إطار عرض محددين لجعل القياس متجاوبًا

عرض إطار العرض
وحدة VW
حجم REM

مفاتيح الاختصار

C

يحسب وينسخ نتيجة الحساب.

V

يحسب النتيجة.

B

ينسخ نتيجة الحساب.

R

يعكس المحول إلى "REM إلى VW".

Q

يركز على حقل الإدخال "عرض إطار العرض".

W

يركز على حقل الإدخال "وحدة VW".

E

يركز على حقل الإدخال "حجم REM".

FAQ

كيفية تحويل VW إلى REM؟

لتحويل vw إلى rem، تحتاج إلى معرفة الحجم الكلي لـ 1 REM (الافتراضي 16px) وعرض إطار العرض ثم طبّق المعادلة: ((vw * إجمالي عرض إطار العرض) / 100) / حجم rem مثلاً، مع حجم 16px لـ 1rem وعرض viewport 1920px، سيُحوَّل 5vw إلى: ((5 * 1920) / 100) / 16 = 6rem

ما هي معادلة تحويل VW إلى REM؟

((vw * إجمالي عرض إطار العرض) / 100) / حجم rem

ما هي وحدة rem؟

يتم تعريف REM بالنسبة لحجم خط العنصر الجذري. يتم مطابقة العنصر الجذري بواسطة الفئة الزائفة :root أو محدد html. لذلك تأخذ وحدة REM واحدة القيمة المعطاة لـ font-size الخاص بالعنصر الجذري. هذا يعني أن 1 REM يحافظ على نفس القيمة في جميع أنحاء كود CSS الخاص بك.

ما هي وحدة vw؟ (عرض إطار العرض)

تُستخدم عرض إطار العرض (VW) في التصميم المتجاوب، وهي وحدة نسبية لمنطقة عرض صفحة الويب المسماة إطار العرض. تقابل 1vw نسبة 1% من العرض. لذا، لجعل عنصر بعرض كامل، يجب استخدام 100vw. يمكنك أيضًا استخدام قيم عشرية. يُرجى ملاحظة أن دقة الأرقام العشرية قد تختلف حسب المتصفح.

جدول تحويل VW إلى REM عندما يكون عرض إطار العرض 1920px وحجم rem هو 16px

vwrem
1vw1.2rem
2vw2.4rem
3vw3.6rem
4vw4.8rem
5vw6rem
6vw7.2rem
7vw8.4rem
8vw9.6rem
9vw10.8rem
10vw12rem
11vw13.2rem
12vw14.4rem
13vw15.6rem
14vw16.8rem
15vw18rem
16vw19.2rem
17vw20.4rem
18vw21.6rem
19vw22.8rem
20vw24rem
21vw25.2rem
22vw26.4rem
23vw27.6rem
24vw28.8rem
25vw30rem

المزيد من تحويلات VW و REM

vw إلى rem