vh به px
مبدلی که px را از vh برای یک breakpoint مشخص جهت اندازهگیری پیکسل محاسبه میکند
کلیدهای میانبر
محاسبه میکند و نتیجه محاسبه را کپی میکند.
نتیجه را محاسبه میکند.
نتیجه محاسبه را کپی میکند.
مبدل را به "PX به VH" معکوس میکند.
روی فیلد "ارتفاع viewport" فوکوس میکند.
روی فیلد "واحد VH" فوکوس میکند.
FAQ
چگونه VH را به PX تبدیل کنیم؟
برای تبدیل vh به px، باید ارتفاع کل viewport را بدانید، مثلاً 1000px سپس فرمول را اعمال کنید: vh * ارتفاع کل viewport / 100 به عنوان مثال، با viewport برابر 1000px، مقدار 20vh به این صورت تبدیل میشود: 20 * 1000 / 100 = 200px
فرمول تبدیل VH به PX چیست؟
vh * ارتفاع کل viewport / 100
واحد vh چیست؟ (ارتفاع دیدپورت)
ارتفاع دیدپورت (VH) که در طراحی واکنشگرا استفاده میشود، واحدی نسبت به ناحیه نمایش صفحه وب به نام دیدپورت است. 1vh معادل 1% از نمایش است. بنابراین، برای اینکه یک عنصر ارتفاع کامل داشته باشد، باید از 100vh استفاده کنید. همچنین میتوانید از مقادیر اعشاری استفاده کنید. لطفاً توجه داشته باشید که بسته به مرورگر، دقت اعشار میتواند تغییر کند.
واحد px چیست؟ (پیکسل)
واحد پیکسل از نظر تئوری کوچکترین نقطهای است که روی صفحه نمایش کامپیوتر نمایش داده میشود. امروزه، واحد پیکسل میتواند بین وضوح فیزیکی و وضوح منطقی متفاوت باشد. این تفاوت را نسبت پیکسل دستگاه یا DPR مینامند: وضوح منطقی = وضوح فیزیکی / نسبت پیکسل دستگاه. بنابراین، صفحهنمایشی با وضوح فیزیکی 1024x768 و DPR برابر با 2، وضوح منطقی 512x384 خواهد داشت.
جدول تبدیل VH به PX در صورتی که ارتفاع viewport برابر 1080px باشد
| vh | px |
|---|---|
| 1vh | 10.8px |
| 2vh | 21.6px |
| 3vh | 32.4px |
| 4vh | 43.2px |
| 5vh | 54px |
| 6vh | 64.8px |
| 7vh | 75.6px |
| 8vh | 86.4px |
| 9vh | 97.2px |
| 10vh | 108px |
| 11vh | 118.8px |
| 12vh | 129.6px |
| 13vh | 140.4px |
| 14vh | 151.2px |
| 15vh | 162px |
| 16vh | 172.8px |
| 17vh | 183.6px |
| 18vh | 194.4px |
| 19vh | 205.2px |
| 20vh | 216px |
| 21vh | 226.8px |
| 22vh | 237.6px |
| 23vh | 248.4px |
| 24vh | 259.2px |
| 25vh | 270px |
تبدیلهای بیشتر VH و PX
