CSS-এ vw এবং vh একক

vw এবং vh এককগুলি ব্রাউজার উইন্ডোর ভিউপোর্ট এলাকার সাপেক্ষে আকার নির্দিষ্ট করতে দেয়। আসুন একটি উদাহরণ দিয়ে দেখি।

ধরুন আমাদের একটি ডিভ আছে:

html<div></div>

আসুন এটির প্রস্থ ভিউপোর্টের প্রস্থের অর্ধেক এবং উচ্চতা ভিউপোর্টের উচ্চতার অর্ধেক নির্দিষ্ট করি:

cssdiv {
  width: 50vw;
  height: 50vh;
  margin: 30px auto;
  border: 1px solid red;
}

দেখি আমরা কি পেয়েছি: