واحد اندازه گیری مناسب برای طراحی وب

@Abolfazl.tabe95
سلام وقت بخیر
درمورد این که از چه نوع واحد اندازه گیری در css استفاده میشه باید بگم استانداردش rem هستش
ولی خب درمورد چیزی که شما گفتین vh این مورد خیلی کم استفاده میشه اونم در مواقع نیازه
ولی خب برای مثال من جایی از vh استفاده کردم و download navbar کروم باز شد و میخوام برای دیتای توی صفحه هیچ مشکلی پیش نیاد اینطور مواقع میتونی از min-height استفاده کنی که از یه مقدار بیشتر کم نشه و اسکرول بخوره صفحه که بیای صفحه رو کنترل کنی

vh نسبت اون فریمی هست که شما صفحه تون قابل مشاهده هست در مواقعی استفاده می شه که می خواید نسبت به اون فریمی که می بینید یک المنت موقعیت ثابتی داشته باشه. یعنی حاشیه ها با اون ویوپورت ثابت بمونه نه خود ارتفاع المنت. باز هم ممکنه ارتفاع کل المنت های فرزند بیشتر از آن چه باشه که با این واحد محاسبه می شه و روی پدر هست یعنی وقتی فرزندان ارتفاع مشخص دارند معمولا روی پدر استفاده بشه به مشکل بر می خورید.
وقتی ارتفاع دقیق مشخص باشه از چیزی مثل px استفاده می شه.
وقتی ارتفاع دقیق مشخص نیست و ممکنه تغییر کنه معمولا اصلا مقدار دهی نمی شه ارتفاع. شاید روش های بهتری هم باشه اما چیزی که من معمولا دیدم استفاده می شه از height: auto هست و overflow: hidden یا مثلا از flexbox استفاده کنید بسته به شرایطی که وجود داره یا با جاوااسکریپت ارتفاع رو در لود محاسبه می کنند.

از % و em برای اندازه المنت ها و از px برای اندازه فونت

سلام
از % vh و rem برای المنت ها برای متن ها هم از px
موفق باشی.