CSS में vw और vh इकाइयाँ
vw और vh इकाइयाँ ब्राउज़र विंडो के
दृश्यक्षेत्र के सापेक्ष आकार निर्धारित करने की
अनुमति देती हैं। आइए एक उदाहरण देखें।
मान लीजिए कि हमारे पास एक डिव है:
<div></div>
आइए हम इसकी चौड़ाई दृश्यक्षेत्र की चौड़ाई की आधी और ऊंचाई दृश्यक्षेत्र की ऊंचाई की आधी निर्धारित करें:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
आइए देखते हैं कि हमें क्या मिलता है:
एक डिव दिया गया है। इसके ऊपर एक मार्जिन निर्धारित करें जो
दृश्यक्षेत्र की ऊंचाई के 30% के बराबर हो।
एक डिव दिया गया है। इसकी चौड़ाई और ऊंचाई दृश्यक्षेत्र की
चौड़ाई के 70% के बराबर निर्धारित करें।
