النسبة المئوية إلى vw

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

النسبة المئوية (%)
الحجم الأساسي
عرض إطار العرض

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

C

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

V

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

B

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

R

يعكس المحول إلى "VW إلى النسبة المئوية".

Q

يركز على حقل الإدخال "النسبة المئوية (%)".

W

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

E

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

FAQ

كيف تحوّل النسبة المئوية إلى VW؟

لتحويل النسبة المئوية إلى vw، يجب أن تعرف الحجم الكلي للقاعدة وعرض viewport ثم طبّق الصيغة: ((percent * base) / 100 / viewport total width) * 100 مثلاً، مع قاعدة 1000px وعرض viewport 1920px، سيتم تحويل 12% إلى: ((12 * 1000) / 100 / 1920) * 100 = 6.25vw

ما هي صيغة تحويل النسبة المئوية إلى VW؟

((percent * base) / 100 / إجمالي عرض viewport) * 100

ما هي وحدة %؟ (النسبة المئوية)

النسبة المئوية هي رقم أو نسبة يتم التعبير عنها كجزء من 100. غالبًا ما يُشار إليها باستخدام علامة النسبة المئوية (%). النسبة المئوية هي رقم بلا أبعاد، تُستخدم بشكل أساسي للتعبير عن النسب، لكنها مع ذلك تُعتبر وحدة قياس من حيث كتابتها واستخدامها. في CSS، تُستخدم غالبًا لتحديد حجم عنصر بالنسبة إلى العنصر الأب. على سبيل المثال، إذا كان حجم العنصر الأب 1000 بكسل، فإن 1% ستساوي 10 بكسل، 1% = 10px.

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

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

جدول تحويل النسبة المئوية إلى VW إذا كان حجم القاعدة 1000px وعرض viewport هو 1920px

percentagevw
1%0.521vw
2%1.042vw
3%1.563vw
4%2.083vw
5%2.604vw
6%3.125vw
7%3.646vw
8%4.167vw
9%4.688vw
10%5.208vw
11%5.729vw
12%6.25vw
13%6.771vw
14%7.292vw
15%7.813vw
16%8.333vw
17%8.854vw
18%9.375vw
19%9.896vw
20%10.417vw
21%10.938vw
22%11.458vw
23%11.979vw
24%12.5vw
25%13.021vw

المزيد من تحويلات النسبة المئوية و VW

النسبة المئوية إلى vw