☑️ بررسی واحد vh در CSS
؛100vh ارتفاع نمای دید است.

در دسکتاپ‌ها ارتفاع نمای دید ثابت است، اما در دستگاه‌های موبایل اوضاع پیچیده‌تر است: هنگام اسکرول به پایین، نمای دید تغییر می‌کند. مرورگرها معمولاً عناصر رابط کاربری (مثلاً ناوبری) را مخفی می‌کنند تا فضای بیشتری آزاد شود.

در نتیجه ابهامی به وجود می‌آید: دقیقاً vh به چه معناست؟

برای حل این مشکل، CSS اخیراً واحدهای اندازه‌گیری جدیدی اضافه کرده است.

🔸 100svh (ارتفاع نمای دید کوچک):
حداقل ارتفاع ممکن نمای دید است، زمانی که همه عناصر رابط کاربری نمایش داده می‌شوند.

🔸 100lvh (ارتفاع نمای دید بزرگ):
حداکثر ارتفاع ممکن نمای دید است، زمانی که تمام ناوبری و عناصر UI کاملاً مخفی شده‌اند.

🔸 همچنین 100dvh (ارتفاع نمای دید پویا) وجود دارد. ارتفاع نمای دید پویا که به طور خودکار بین svh و lvh بسته به اینکه عناصر UI دیده می‌شوند یا نه، تغییر می‌کند.

#CSS

🎨 @Web_Designer98