rem به vh
مبدلی که vh را از rem برای اندازه rem و ارتفاع ویوپورت مشخص محاسبه میکند تا اندازهگیری واکنشگرا شود
کلیدهای میانبر
محاسبه میکند و نتیجه محاسبه را کپی میکند.
نتیجه را محاسبه میکند.
نتیجه محاسبه را کپی میکند.
مبدل را به "VH به REM" معکوس میکند.
روی فیلد "REM" فوکوس میکند.
روی فیلد "اندازه REM" فوکوس میکند.
روی فیلد "ارتفاع viewport" فوکوس میکند.
FAQ
چطور REM را به VH تبدیل کنیم؟
برای تبدیل rem به vh، باید اندازه کل 1 REM (پیشفرض 16px) و ارتفاع ویوپورت را بدانید سپس فرمول را اعمال کنید: ((rem * اندازه rem) / vh) * 100 برای مثال، با 16px برای 1rem و 1000px ارتفاع ویوپورت، 1rem به این صورت تبدیل میشود: ((1 * 16) / 1000) = 1.6vh
فرمول تبدیل REM به VH چیست؟
((rem * اندازه rem) / vh) * 100
واحد rem چیست؟
REM نسبت به اندازه فونت عنصر ریشه تعریف میشود. عنصر ریشه با شبهکلاس :root یا انتخابگر html مطابقت داده میشود. بنابراین 1 REM مقداری را میگیرد که به font-size عنصر ریشه داده شده است. این یعنی 1 REM در سراسر کد CSS شما همان مقدار را حفظ میکند.
واحد vh چیست؟ (ارتفاع دیدپورت)
ارتفاع دیدپورت (VH) که در طراحی واکنشگرا استفاده میشود، واحدی نسبت به ناحیه نمایش صفحه وب به نام دیدپورت است. 1vh معادل 1% از نمایش است. بنابراین، برای اینکه یک عنصر ارتفاع کامل داشته باشد، باید از 100vh استفاده کنید. همچنین میتوانید از مقادیر اعشاری استفاده کنید. لطفاً توجه داشته باشید که بسته به مرورگر، دقت اعشار میتواند تغییر کند.
جدول تبدیل REM به VH اگر اندازه rem برابر 16px و ارتفاع ویوپورت برابر 1080px باشد
| rem | vh |
|---|---|
| 1rem | 1.481vh |
| 2rem | 2.963vh |
| 3rem | 4.444vh |
| 4rem | 5.926vh |
| 5rem | 7.407vh |
| 6rem | 8.889vh |
| 7rem | 10.37vh |
| 8rem | 11.852vh |
| 9rem | 13.333vh |
| 10rem | 14.815vh |
| 11rem | 16.296vh |
| 12rem | 17.778vh |
| 13rem | 19.259vh |
| 14rem | 20.741vh |
| 15rem | 22.222vh |
| 16rem | 23.704vh |
| 17rem | 25.185vh |
| 18rem | 26.667vh |
| 19rem | 28.148vh |
| 20rem | 29.63vh |
| 21rem | 31.111vh |
| 22rem | 32.593vh |
| 23rem | 34.074vh |
| 24rem | 35.556vh |
| 25rem | 37.037vh |
تبدیلهای بیشتر REM و VH
