px به vh

چگونه 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 استفاده کنید. همچنین می‌توانید از مقادیر اعشاری استفاده کنید. لطفاً توجه داشته باشید که بسته به مرورگر، دقت اعشار می‌تواند تغییر کند.

• W3Schools - CSS units
• MDN - CSS units
• MDN - Viewport concepts
• MDN - CSS <length>
• Can I use - Viewport units browsers support

واحد px چیست؟ (پیکسل)

واحد پیکسل از نظر تئوری کوچک‌ترین نقطه‌ای است که روی صفحه نمایش کامپیوتر نمایش داده می‌شود. امروزه، واحد پیکسل می‌تواند بین وضوح فیزیکی و وضوح منطقی متفاوت باشد. این تفاوت را نسبت پیکسل دستگاه یا DPR می‌نامند: وضوح منطقی = وضوح فیزیکی / نسبت پیکسل دستگاه. بنابراین، صفحه‌نمایشی با وضوح فیزیکی 1024x768 و DPR برابر با 2، وضوح منطقی 512x384 خواهد داشت.