Chrome कैनरी ने नई CSS इकाइयाँ लॉन्च कीं - vh, vw और vmin

Google Chrome का डेवलपर संस्करण (इस लेख को लिखने के समय - Chrome 20) ने माप की नई CSS इकाइयों - vh, vw और vmin के लिए समर्थन पेश किया, जिन्हें कुछ महीने पहले वेबकिट इंजन में लागू किया गया था। इससे पहले, वे केवल इंटरनेट एक्सप्लोरर 9 वें और 10 वें संस्करणों में काम करते थे। ये इकाइयाँ विंडो की ऊँचाई या चौड़ाई के सापेक्ष वस्तुओं का आकार निर्दिष्ट करती हैं। प्रतिशत के विपरीत, वे हमेशा ब्राउज़र विंडो से ठीक बंधे होते हैं, और वर्तमान ब्लॉक के कंटेनर से नहीं। 1vh खिड़की की ऊंचाई का 1% है, 1vmin चौड़ाई का 1% है, 1vmin इन दो मूल्यों से छोटा है।

उदाहरण:

 h1 { font-size: 4.2vw; } header { height: 15vh; } #someDiv { padding: 2vmin; } 

उपयोग की सुविधाएँ

ब्राउज़र विंडो को आकार देते समय, vh, vw या vmin में निर्दिष्ट ब्लॉक तत्वों के आयाम वास्तविक समय में बदल जाते हैं, और फ़ॉन्ट आकार फिर से लाल होने के बाद ही। यदि आप स्केल (Ctrl + या Ctrl-) बदलते हैं, तो फॉन्ट साइज़ बदल जाता है, लेकिन ब्लॉक साइज़ नहीं। इंटरनेट एक्सप्लोरर बिल्कुल वैसा ही व्यवहार करता है।

IE में, "vm" के बजाय "vm" नाम का उपयोग किया जाता है (इन इकाइयों के लिए समर्थन IE में काफी समय पहले दिखाई दिया था, और उस समय यह वास्तव में "vm" था और W3C विनिर्देशन में "vmin" नहीं था)।

IE के विपरीत, क्रोम कैनरी अभी तक सीमा संपत्ति में नई इकाइयों को नहीं समझती है।

एक विषय में लिंक: सीएसएस ट्रिक्स पर लेख , हैबे पर लेख ।