px به vh
مبدلی که vh را از px برای یک نقطه شکست مشخص محاسبه میکند تا اندازهگیری واکنشگرا شود
کلیدهای میانبر
محاسبه میکند و نتیجه محاسبه را کپی میکند.
نتیجه را محاسبه میکند.
نتیجه محاسبه را کپی میکند.
مبدل را به "VH به PX" معکوس میکند.
روی فیلد "پیکسل" فوکوس میکند.
روی فیلد "ارتفاع viewport" فوکوس میکند.
FAQ
چگونه PX را به VH تبدیل کنیم؟
برای تبدیل px به vh، باید ارتفاع کل viewport را بدانید، برای مثال 1000px سپس فرمول را اعمال کنید: px / ارتفاع کل viewport * 100 برای مثال، با viewport برابر 1000px، 200px تبدیل میشود به: 200 / 1000 * 100 = 20vh
فرمول تبدیل PX به VH چیست؟
px / ارتفاع کل viewport * 100
واحد vh چیست؟ (ارتفاع دیدپورت)
ارتفاع دیدپورت (VH) که در طراحی واکنشگرا استفاده میشود، واحدی نسبت به ناحیه نمایش صفحه وب به نام دیدپورت است. 1vh معادل 1% از نمایش است. بنابراین، برای اینکه یک عنصر ارتفاع کامل داشته باشد، باید از 100vh استفاده کنید. همچنین میتوانید از مقادیر اعشاری استفاده کنید. لطفاً توجه داشته باشید که بسته به مرورگر، دقت اعشار میتواند تغییر کند.
واحد px چیست؟ (پیکسل)
واحد پیکسل از نظر تئوری کوچکترین نقطهای است که روی صفحه نمایش کامپیوتر نمایش داده میشود. امروزه، واحد پیکسل میتواند بین وضوح فیزیکی و وضوح منطقی متفاوت باشد. این تفاوت را نسبت پیکسل دستگاه یا DPR مینامند: وضوح منطقی = وضوح فیزیکی / نسبت پیکسل دستگاه. بنابراین، صفحهنمایشی با وضوح فیزیکی 1024x768 و DPR برابر با 2، وضوح منطقی 512x384 خواهد داشت.
جدول تبدیل PX به VH اگر ارتفاع viewport برابر 1080px باشد
| px | vh |
|---|---|
| 10px | 0.926vh |
| 20px | 1.852vh |
| 30px | 2.778vh |
| 40px | 3.704vh |
| 50px | 4.63vh |
| 60px | 5.556vh |
| 70px | 6.481vh |
| 80px | 7.407vh |
| 90px | 8.333vh |
| 100px | 9.259vh |
| 110px | 10.185vh |
| 120px | 11.111vh |
| 130px | 12.037vh |
| 140px | 12.963vh |
| 150px | 13.889vh |
| 160px | 14.815vh |
| 170px | 15.741vh |
| 180px | 16.667vh |
| 190px | 17.593vh |
| 200px | 18.519vh |
| 210px | 19.444vh |
| 220px | 20.37vh |
| 230px | 21.296vh |
| 240px | 22.222vh |
| 250px | 23.148vh |
تبدیلهای بیشتر PX و VH
