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