em إلى vh

كيف تحوّل EM إلى VH؟

لتحويل em إلى vh، يجب أن تعرف الحجم الإجمالي لـ 1 EM (الافتراضي 16px) وارتفاع نافذة العرض ثم طبّق المعادلة: ((em * حجم em) / vh) * 100 مثلاً، بحجم 16px لـ 1em وارتفاع 1000px لنافذة العرض، سيتحول 1em إلى: ((1 * 16) / 1000) = 1.6vh

ما هي معادلة تحويل EM إلى VH؟

((em * حجم em) / vh) * 100

ما هي وحدة em؟

تُعرَّف EM نسبةً إلى حجم خط العنصر الأب. لذلك، تأخذ 1 EM القيمة المعيّنة لخاصية font-size للعنصر الأب.

• CSS Unit Converter - فهم وحدة EM في CSS
• W3Schools - CSS units
• MDN - CSS units
• MDN - CSS <length>

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

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

• MDN - Viewport concepts
• Can I use - Viewport units browsers support