vh به درصد
مبدلی که درصد را از vh برای ارتفاع viewport و اندازه پایه دادهشده محاسبه میکند تا اندازهگیری واکنشگرا شود
کلیدهای میانبر
محاسبه میکند و نتیجه محاسبه را کپی میکند.
نتیجه را محاسبه میکند.
نتیجه محاسبه را کپی میکند.
مبدل را به "درصد به VH" معکوس میکند.
روی فیلد "ارتفاع viewport" فوکوس میکند.
روی فیلد "واحد VH" فوکوس میکند.
روی فیلد "اندازه پایه" فوکوس میکند.
FAQ
چگونه VH را به درصد تبدیل کنیم؟
برای تبدیل vh به درصد، باید اندازه کل پایه و اندازه ارتفاع viewport را بدانید سپس فرمول را اعمال کنید: ((vh * ارتفاع کل viewport) / 100 / پایه) * 100 به عنوان مثال، با پایه 1000px و ارتفاع viewport برابر 1080px، مقدار 5vh به این صورت تبدیل میشود: ((5 * 1080) / 100 / 1000) * 100 = 5.4%
فرمول تبدیل VH به درصد چیست؟
((vh * ارتفاع کل viewport) / 100 / پایه) * 100
واحد vh چیست؟ (ارتفاع دیدپورت)
ارتفاع دیدپورت (VH) که در طراحی واکنشگرا استفاده میشود، واحدی نسبت به ناحیه نمایش صفحه وب به نام دیدپورت است. 1vh معادل 1% از نمایش است. بنابراین، برای اینکه یک عنصر ارتفاع کامل داشته باشد، باید از 100vh استفاده کنید. همچنین میتوانید از مقادیر اعشاری استفاده کنید. لطفاً توجه داشته باشید که بسته به مرورگر، دقت اعشار میتواند تغییر کند.
واحد % چیست؟ (درصد)
درصد عددی یا نسبتی است که به صورت کسری از 100 بیان میشود. اغلب با علامت درصد (%) نشان داده میشود. درصد عددی بدون بُعد است که عمدتاً برای بیان نسبتها استفاده میشود، اما با این حال درصد از نظر املا و کاربرد یک واحد اندازهگیری است. در CSS، اغلب برای تعریف اندازهای نسبت به عنصر والد یک عنصر استفاده میشود. برای مثال، اگر اندازه عنصر والد 1000 پیکسل باشد، آنگاه 1% برابر با 10 پیکسل خواهد بود، یعنی 1% = 10px.
جدول تبدیل VH به درصد در صورتی که ارتفاع viewport برابر 1080px و اندازه پایه برابر 1000px باشد
| vh | percentage |
|---|---|
| 1vh | 1.08% |
| 2vh | 2.16% |
| 3vh | 3.24% |
| 4vh | 4.32% |
| 5vh | 5.4% |
| 6vh | 6.48% |
| 7vh | 7.56% |
| 8vh | 8.64% |
| 9vh | 9.72% |
| 10vh | 10.8% |
| 11vh | 11.88% |
| 12vh | 12.96% |
| 13vh | 14.04% |
| 14vh | 15.12% |
| 15vh | 16.2% |
| 16vh | 17.28% |
| 17vh | 18.36% |
| 18vh | 19.44% |
| 19vh | 20.52% |
| 20vh | 21.6% |
| 21vh | 22.68% |
| 22vh | 23.76% |
| 23vh | 24.84% |
| 24vh | 25.92% |
| 25vh | 27% |
تبدیلهای بیشتر VH و درصد
