CSS-এ vw এবং vh একক
vw এবং vh এককগুলি ব্রাউজার উইন্ডোর
ভিউপোর্ট এলাকার সাপেক্ষে আকার নির্দিষ্ট করতে
দেয়। আসুন একটি উদাহরণ দিয়ে দেখি।
ধরুন আমাদের একটি ডিভ আছে:
<div></div>
আসুন এটির প্রস্থ ভিউপোর্টের প্রস্থের অর্ধেক এবং উচ্চতা ভিউপোর্টের উচ্চতার অর্ধেক নির্দিষ্ট করি:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
দেখি আমরা কি পেয়েছি:
একটি ডিভ দেওয়া আছে। এটির উপরে একটি মার্জিন নির্দিষ্ট করুন যা
ভিউপোর্টের উচ্চতার 30% সমান।
একটি ডিভ দেওয়া আছে। এটির প্রস্থ এবং উচ্চতা নির্দিষ্ট করুন যা
ভিউপোর্টের প্রস্থের 70% সমান।
