درصد به vw
مبدلی که vw را از یک درصد برای عرض viewport و اندازه پایه دادهشده جهت واکنشگرا کردن اندازهگیری محاسبه میکند
کلیدهای میانبر
محاسبه میکند و نتیجه محاسبه را کپی میکند.
نتیجه را محاسبه میکند.
نتیجه محاسبه را کپی میکند.
مبدل را به "VW به درصد" معکوس میکند.
روی فیلد "درصد (%)" فوکوس میکند.
روی فیلد "اندازه پایه" فوکوس میکند.
روی فیلد "عرض viewport" فوکوس میکند.
FAQ
چگونه درصد را به VW تبدیل کنیم؟
برای تبدیل درصد به vw، باید اندازه کلی پایه و عرض viewport را بدانید سپس فقط فرمول را اعمال کنید: ((percent * base) / 100 / viewport total width) * 100 برای مثال، با پایه 1000px و عرض viewport 1920px، 12% به این صورت تبدیل میشود: ((12 * 1000) / 100 / 1920) * 100 = 6.25vw
فرمول تبدیل درصد به VW چیست؟
((percent * base) / 100 / عرض کل viewport) * 100
واحد % چیست؟ (درصد)
درصد عددی یا نسبتی است که به صورت کسری از 100 بیان میشود. اغلب با علامت درصد (%) نشان داده میشود. درصد عددی بدون بُعد است که عمدتاً برای بیان نسبتها استفاده میشود، اما با این حال درصد از نظر املا و کاربرد یک واحد اندازهگیری است. در CSS، اغلب برای تعریف اندازهای نسبت به عنصر والد یک عنصر استفاده میشود. برای مثال، اگر اندازه عنصر والد 1000 پیکسل باشد، آنگاه 1% برابر با 10 پیکسل خواهد بود، یعنی 1% = 10px.
واحد vw چیست؟ (عرض دیدپورت)
عرض دیدپورت (VW) که در طراحی واکنشگرا استفاده میشود، واحدی نسبت به ناحیه نمایش صفحه وب به نام دیدپورت است. 1vw معادل 1% از نمایش است. بنابراین، برای اینکه یک عنصر عرض کامل داشته باشد، باید از 100vw استفاده کنید. همچنین میتوانید از مقادیر اعشاری استفاده کنید. لطفاً توجه داشته باشید که بسته به مرورگر، دقت اعشار میتواند تغییر کند.
جدول تبدیل درصد به VW اگر اندازه پایه 1000px و عرض viewport برابر 1920px باشد
| percentage | vw |
|---|---|
| 1% | 0.521vw |
| 2% | 1.042vw |
| 3% | 1.563vw |
| 4% | 2.083vw |
| 5% | 2.604vw |
| 6% | 3.125vw |
| 7% | 3.646vw |
| 8% | 4.167vw |
| 9% | 4.688vw |
| 10% | 5.208vw |
| 11% | 5.729vw |
| 12% | 6.25vw |
| 13% | 6.771vw |
| 14% | 7.292vw |
| 15% | 7.813vw |
| 16% | 8.333vw |
| 17% | 8.854vw |
| 18% | 9.375vw |
| 19% | 9.896vw |
| 20% | 10.417vw |
| 21% | 10.938vw |
| 22% | 11.458vw |
| 23% | 11.979vw |
| 24% | 12.5vw |
| 25% | 13.021vw |
تبدیلهای بیشتر درصد و VW
