ये
इकाइयाँ आपको ब्राउज़र विंडो के सापेक्ष वस्तुओं का आकार निर्धारित करने की अनुमति देती हैं। आकार की गणना ऊँचाई (vh), चौड़ाई (vw), या न्यूनतम दो मान (vmin) के प्रतिशत के रूप में की जाती है। प्रतिशत आकार निर्दिष्ट करने के विपरीत, vh, vw, और vmin हमेशा विंडो के आकार से बंधे होते हैं, न कि वर्तमान ब्लॉक के कंटेनर से। अब तक, केवल इंटरनेट एक्सप्लोरर 9+ ने उनका समर्थन किया था (हालांकि, IE मानक में निर्दिष्ट vmin इकाई के बजाय संकेतन "vm" का उपयोग करता है)।
तो, यह उदाहरण:
<!doctype html> <head> <style> * { margin:0; padding:0; border:0; } #red { background:red; height:100vh; width:100vw; } </style> </head> <body> <div id="red"> </div> </body> </html>
अब केवल IE9 + में काम करता है। वेबकिट में vh और vw इकाइयों को
शामिल करने का मतलब है कि वे सफारी और क्रोम में जल्द ही उपलब्ध होंगे। और वहां, आप देखते हैं,
मोज़िला और ओपेरा को कड़ा किया जाएगा, और कोडर का जीवन थोड़ा आसान हो जाएगा।
पुनश्च: vh और vw पर
कुछ और विवरण ।