vw به rem
مبدلی که rem را از vw برای اندازه rem و عرض viewport مشخص محاسبه میکند تا اندازهگیری واکنشگرا شود
کلیدهای میانبر
محاسبه میکند و نتیجه محاسبه را کپی میکند.
نتیجه را محاسبه میکند.
نتیجه محاسبه را کپی میکند.
مبدل را به "REM به VW" معکوس میکند.
روی فیلد "عرض viewport" فوکوس میکند.
روی فیلد "واحد VW" فوکوس میکند.
روی فیلد "اندازه REM" فوکوس میکند.
FAQ
چگونه VW را به REM تبدیل کنیم؟
برای تبدیل vw به rem، باید اندازه کل 1 REM (پیشفرض 16px است) و عرض viewport را بدانید سپس فرمول را اعمال کنید: ((vw * عرض کل viewport) / 100) / اندازه rem به عنوان مثال، با اندازه 16px برای 1rem و عرض viewport 1920px، مقدار 5vw به این صورت تبدیل میشود: ((5 * 1920) / 100) / 16 = 6rem
فرمول تبدیل VW به REM چیست؟
((vw * عرض کل viewport) / 100) / اندازه rem
واحد rem چیست؟
REM نسبت به اندازه فونت عنصر ریشه تعریف میشود. عنصر ریشه با شبهکلاس :root یا انتخابگر html مطابقت داده میشود. بنابراین 1 REM مقداری را میگیرد که به font-size عنصر ریشه داده شده است. این یعنی 1 REM در سراسر کد CSS شما همان مقدار را حفظ میکند.
واحد vw چیست؟ (عرض دیدپورت)
عرض دیدپورت (VW) که در طراحی واکنشگرا استفاده میشود، واحدی نسبت به ناحیه نمایش صفحه وب به نام دیدپورت است. 1vw معادل 1% از نمایش است. بنابراین، برای اینکه یک عنصر عرض کامل داشته باشد، باید از 100vw استفاده کنید. همچنین میتوانید از مقادیر اعشاری استفاده کنید. لطفاً توجه داشته باشید که بسته به مرورگر، دقت اعشار میتواند تغییر کند.
جدول تبدیل VW به REM اگر عرض viewport 1920px و اندازه rem 16px باشد
| vw | rem |
|---|---|
| 1vw | 1.2rem |
| 2vw | 2.4rem |
| 3vw | 3.6rem |
| 4vw | 4.8rem |
| 5vw | 6rem |
| 6vw | 7.2rem |
| 7vw | 8.4rem |
| 8vw | 9.6rem |
| 9vw | 10.8rem |
| 10vw | 12rem |
| 11vw | 13.2rem |
| 12vw | 14.4rem |
| 13vw | 15.6rem |
| 14vw | 16.8rem |
| 15vw | 18rem |
| 16vw | 19.2rem |
| 17vw | 20.4rem |
| 18vw | 21.6rem |
| 19vw | 22.8rem |
| 20vw | 24rem |
| 21vw | 25.2rem |
| 22vw | 26.4rem |
| 23vw | 27.6rem |
| 24vw | 28.8rem |
| 25vw | 30rem |
تبدیلهای بیشتر VW و REM
