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

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

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

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

C

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

V

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

B

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

R

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

Q

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

W

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

E

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

FAQ

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

لتحويل النسبة المئوية إلى vh، يجب أن تعرف الحجم الكلي للقاعدة وحجم ارتفاع viewport ثم طبّق الصيغة: ((percent * base) / 100 / viewport total height) * 100 مثلاً، مع قاعدة 1000px وارتفاع viewport 1080px، سيتم تحويل 10% إلى: ((10 * 1000) / 100 / 1080) * 100 = 9.259vh

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

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

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

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

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

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

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

percentagevh
1%0.926vh
2%1.852vh
3%2.778vh
4%3.704vh
5%4.63vh
6%5.556vh
7%6.481vh
8%7.407vh
9%8.333vh
10%9.259vh
11%10.185vh
12%11.111vh
13%12.037vh
14%12.963vh
15%13.889vh
16%14.815vh
17%15.741vh
18%16.667vh
19%17.593vh
20%18.519vh
21%19.444vh
22%20.37vh
23%21.296vh
24%22.222vh
25%23.148vh

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

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