درصد به vh
مبدلی که vh را از یک درصد برای ارتفاع viewport و اندازه پایه دادهشده جهت واکنشگرا کردن اندازهگیری محاسبه میکند
کلیدهای میانبر
محاسبه میکند و نتیجه محاسبه را کپی میکند.
نتیجه را محاسبه میکند.
نتیجه محاسبه را کپی میکند.
مبدل را به "VH به درصد" معکوس میکند.
روی فیلد "درصد (%)" فوکوس میکند.
روی فیلد "اندازه پایه" فوکوس میکند.
روی فیلد "ارتفاع viewport" فوکوس میکند.
FAQ
چگونه درصد را به VH تبدیل کنیم؟
برای تبدیل درصد به vh، باید اندازه کلی پایه و اندازه ارتفاع viewport را بدانید سپس فقط فرمول را اعمال کنید: ((percent * base) / 100 / viewport total height) * 100 برای مثال، با پایه 1000px و ارتفاع viewport 1080px، 10% به این صورت تبدیل میشود: ((10 * 1000) / 100 / 1080) * 100 = 9.259vh
فرمول تبدیل درصد به VH چیست؟
((percent * base) / 100 / ارتفاع کل viewport) * 100
واحد % چیست؟ (درصد)
درصد عددی یا نسبتی است که به صورت کسری از 100 بیان میشود. اغلب با علامت درصد (%) نشان داده میشود. درصد عددی بدون بُعد است که عمدتاً برای بیان نسبتها استفاده میشود، اما با این حال درصد از نظر املا و کاربرد یک واحد اندازهگیری است. در CSS، اغلب برای تعریف اندازهای نسبت به عنصر والد یک عنصر استفاده میشود. برای مثال، اگر اندازه عنصر والد 1000 پیکسل باشد، آنگاه 1% برابر با 10 پیکسل خواهد بود، یعنی 1% = 10px.
واحد vh چیست؟ (ارتفاع دیدپورت)
ارتفاع دیدپورت (VH) که در طراحی واکنشگرا استفاده میشود، واحدی نسبت به ناحیه نمایش صفحه وب به نام دیدپورت است. 1vh معادل 1% از نمایش است. بنابراین، برای اینکه یک عنصر ارتفاع کامل داشته باشد، باید از 100vh استفاده کنید. همچنین میتوانید از مقادیر اعشاری استفاده کنید. لطفاً توجه داشته باشید که بسته به مرورگر، دقت اعشار میتواند تغییر کند.
جدول تبدیل درصد به VH اگر اندازه پایه 1000px و ارتفاع viewport برابر 1080px باشد
| percentage | vh |
|---|---|
| 1% | 0.926vh |
| 2% | 1.852vh |
| 3% | 2.778vh |
| 4% | 3.704vh |
| 5% | 4.63vh |
| 6% | 5.556vh |
| 7% | 6.481vh |
| 8% | 7.407vh |
| 9% | 8.333vh |
| 10% | 9.259vh |
| 11% | 10.185vh |
| 12% | 11.111vh |
| 13% | 12.037vh |
| 14% | 12.963vh |
| 15% | 13.889vh |
| 16% | 14.815vh |
| 17% | 15.741vh |
| 18% | 16.667vh |
| 19% | 17.593vh |
| 20% | 18.519vh |
| 21% | 19.444vh |
| 22% | 20.37vh |
| 23% | 21.296vh |
| 24% | 22.222vh |
| 25% | 23.148vh |
تبدیلهای بیشتر درصد و VH
