vh به em
مبدلی که em را از vh برای اندازه em و ارتفاع viewport دادهشده محاسبه میکند تا اندازهگیری واکنشگرا شود
کلیدهای میانبر
محاسبه میکند و نتیجه محاسبه را کپی میکند.
نتیجه را محاسبه میکند.
نتیجه محاسبه را کپی میکند.
مبدل را به "EM به VH" معکوس میکند.
روی فیلد "ارتفاع viewport" فوکوس میکند.
روی فیلد "واحد VH" فوکوس میکند.
روی فیلد "اندازه EM" فوکوس میکند.
FAQ
چگونه VH را به EM تبدیل کنیم؟
برای تبدیل vh به em، باید اندازه کل 1 EM (پیشفرض 16px) و اندازه ارتفاع viewport را بدانید سپس فرمول را اعمال کنید: ((vh * ارتفاع کل viewport) / 100) / اندازه em به عنوان مثال، با اندازه 1em برابر 16px و ارتفاع viewport برابر 1000px، مقدار 5vh به این صورت تبدیل میشود: ((5 * 1000) / 100) / 16 = 3.125em
فرمول تبدیل VH به EM چیست؟
((vh * ارتفاع کل viewport) / 100) / اندازه em
واحد em چیست؟
EM نسبت به اندازهٔ فونت عنصر والد تعریف میشود. بنابراین، 1 EM مقداری را میگیرد که به ویژگی font-size عنصر والد داده شده است.
واحد vh چیست؟ (ارتفاع دیدپورت)
ارتفاع دیدپورت (VH) که در طراحی واکنشگرا استفاده میشود، واحدی نسبت به ناحیه نمایش صفحه وب به نام دیدپورت است. 1vh معادل 1% از نمایش است. بنابراین، برای اینکه یک عنصر ارتفاع کامل داشته باشد، باید از 100vh استفاده کنید. همچنین میتوانید از مقادیر اعشاری استفاده کنید. لطفاً توجه داشته باشید که بسته به مرورگر، دقت اعشار میتواند تغییر کند.
جدول تبدیل VH به EM در صورتی که ارتفاع viewport برابر 1080px و اندازه em برابر 16px باشد
| vh | em |
|---|---|
| 1vh | 0.675em |
| 2vh | 1.35em |
| 3vh | 2.025em |
| 4vh | 2.7em |
| 5vh | 3.375em |
| 6vh | 4.05em |
| 7vh | 4.725em |
| 8vh | 5.4em |
| 9vh | 6.075em |
| 10vh | 6.75em |
| 11vh | 7.425em |
| 12vh | 8.1em |
| 13vh | 8.775em |
| 14vh | 9.45em |
| 15vh | 10.125em |
| 16vh | 10.8em |
| 17vh | 11.475em |
| 18vh | 12.15em |
| 19vh | 12.825em |
| 20vh | 13.5em |
| 21vh | 14.175em |
| 22vh | 14.85em |
| 23vh | 15.525em |
| 24vh | 16.2em |
| 25vh | 16.875em |
تبدیلهای بیشتر VH و EM

ابزارها

رمزگذار URL برای SVG
ابزاری که از یک تصویر SVG، آدرس URL رمزگذاریشده و قابل دسترسی برای استفاده در CSS ایجاد میکند.

Fresh Jobs Ahead
مجموعهای خیرهکننده از تصاویر پسزمینه با کیفیت بالا برای دسکتاپ و دستگاههای همراه را کاوش کنید. از طبیعت و هنر انتزاعی تا طراحیهای آیندهنگر، پسزمینهای بینقص برای بهبود صفحه نمایش خود پیدا کنید.
