CSS में vw और vh इकाइयाँ

vw और vh इकाइयाँ ब्राउज़र विंडो के दृश्यक्षेत्र के सापेक्ष आकार निर्धारित करने की अनुमति देती हैं। आइए एक उदाहरण देखें।

मान लीजिए कि हमारे पास एक डिव है:

html<div></div>

आइए हम इसकी चौड़ाई दृश्यक्षेत्र की चौड़ाई की आधी और ऊंचाई दृश्यक्षेत्र की ऊंचाई की आधी निर्धारित करें:

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

आइए देखते हैं कि हमें क्या मिलता है: