rem به vw
مبدلی که vw را از rem برای اندازه rem و عرض ویوپورت مشخص محاسبه میکند تا اندازهگیری واکنشگرا شود
کلیدهای میانبر
محاسبه میکند و نتیجه محاسبه را کپی میکند.
نتیجه را محاسبه میکند.
نتیجه محاسبه را کپی میکند.
مبدل را به "VW به REM" معکوس میکند.
روی فیلد "REM" فوکوس میکند.
روی فیلد "اندازه REM" فوکوس میکند.
روی فیلد "عرض viewport" فوکوس میکند.
FAQ
چطور REM را به VW تبدیل کنیم؟
برای تبدیل rem به vw، باید اندازه کل 1 REM (پیشفرض 16px) و عرض ویوپورت را بدانید سپس فرمول را اعمال کنید: ((rem * اندازه rem) / vw) * 100 برای مثال، با 16px برای 1rem و 1920px عرض ویوپورت، 1rem به این صورت تبدیل میشود: ((1 * 16) / 1920) = 0.833vw
فرمول تبدیل REM به VW چیست؟
((rem * اندازه rem) / vw) * 100
واحد rem چیست؟
REM نسبت به اندازه فونت عنصر ریشه تعریف میشود. عنصر ریشه با شبهکلاس :root یا انتخابگر html مطابقت داده میشود. بنابراین 1 REM مقداری را میگیرد که به font-size عنصر ریشه داده شده است. این یعنی 1 REM در سراسر کد CSS شما همان مقدار را حفظ میکند.
واحد vw چیست؟ (عرض دیدپورت)
عرض دیدپورت (VW) که در طراحی واکنشگرا استفاده میشود، واحدی نسبت به ناحیه نمایش صفحه وب به نام دیدپورت است. 1vw معادل 1% از نمایش است. بنابراین، برای اینکه یک عنصر عرض کامل داشته باشد، باید از 100vw استفاده کنید. همچنین میتوانید از مقادیر اعشاری استفاده کنید. لطفاً توجه داشته باشید که بسته به مرورگر، دقت اعشار میتواند تغییر کند.
جدول تبدیل REM به VW اگر اندازه rem برابر 16px و عرض ویوپورت برابر 1920px باشد
| rem | vw |
|---|---|
| 1rem | 0.833vw |
| 2rem | 1.667vw |
| 3rem | 2.5vw |
| 4rem | 3.333vw |
| 5rem | 4.167vw |
| 6rem | 5vw |
| 7rem | 5.833vw |
| 8rem | 6.667vw |
| 9rem | 7.5vw |
| 10rem | 8.333vw |
| 11rem | 9.167vw |
| 12rem | 10vw |
| 13rem | 10.833vw |
| 14rem | 11.667vw |
| 15rem | 12.5vw |
| 16rem | 13.333vw |
| 17rem | 14.167vw |
| 18rem | 15vw |
| 19rem | 15.833vw |
| 20rem | 16.667vw |
| 21rem | 17.5vw |
| 22rem | 18.333vw |
| 23rem | 19.167vw |
| 24rem | 20vw |
| 25rem | 20.833vw |
تبدیلهای بیشتر REM و VW
