2015-04-05 7 views
6

1vw = 1%, इसलिए यदि वे 100% अंतर-परिवर्तनीय हैं तो वे दोनों मौजूद क्यों हैं? मुझे लगता है कि% रैपर टैग के आकार पर निर्भर करता है लेकिन वीएच हमेशा खिड़की के आकार पर निर्भर करता है चाहे रैपर टैग के आकार की कोई फर्क नहीं पड़ता। धन्यवाद,सीएसएस में% और vw के बीच क्या अंतर है?

उत्तर

7

वे आवश्यक रूप से विनिमय नहीं कर सकते हैं।

व्यवहार मुख्य रूप से डीओएम में तत्व की स्थिति पर निर्भर करेगा, क्योंकि यह निर्धारित करेगा कि तत्व का ब्लॉक क्या है। यदि किसी तत्व की 100% की चौड़ाई है, तो इसमें 100% की ब्लॉक की चौड़ाई की चौड़ाई होगी। यदि तत्व की 100vw की चौड़ाई है, तो इसमें 100% की व्यूपोर्ट की चौड़ाई (व्यूपोर्ट तत्व का तत्व नहीं हो सकता है, लेकिन व्यूपोर्ट-प्रतिशत इकाइयां हमेशा व्यूपोर्ट के सापेक्ष होंगी)।

एक सख्ती से प्रतिशत आधारित चौड़ाई हमेशा किसी अन्य तत्व की चौड़ाई के सापेक्ष होगी, लेकिन व्यूपोर्ट-प्रतिशत लंबाई का उपयोग करते समय, तत्व की चौड़ाई वास्तव में व्यूपोर्ट की ऊंचाई से संबंधित हो सकती है। उदाहरण के लिए, यदि किसी तत्व की 100vh की चौड़ाई है, तो इसमें व्यूपोर्ट के ऊंचाई की 100% की चौड़ाई होगी। कड़ाई से प्रतिशत आधारित चौड़ाई का उपयोग करते समय यह संभव नहीं है। व्यूपोर्ट-प्रतिशत लंबाई initial containing block के आकार के सापेक्ष हैं

5.1.2. Viewport-percentage lengths: the ‘vw’, ‘vh’, ‘vmin’, ‘vmax’ units

:

व्यूपोर्ट-प्रतिशत लंबाई हमेशा अपने initial containing block, जो व्यूपोर्ट है के सापेक्ष होने जा रहे हैं। जब प्रारंभिक युक्त ब्लॉक की ऊंचाई या चौड़ाई बदल जाती है, तो वे तदनुसार स्केल किए जाते हैं।

प्रतिशत आधारित इकाइयों जबकि उनके माता पिता तत्व (यानी, उनके धारक ब्लॉक) है, जो body/html तत्व होने के लिए हो सकता है, जो मामले में वे व्यूपोर्ट-प्रतिशत करने के लिए लंबाई समान हो जाएगा के सापेक्ष होने जा रहे हैं ।

4.3. Percentages: the ‘<percentage>’ type

प्रतिशत मान, उदाहरण के लिए लंबाई एक और मूल्य के सापेक्ष हमेशा से रहे हैं। प्रत्येक संपत्ति जो प्रतिशत की अनुमति देती है वह उस मान को भी परिभाषित करती है जिस पर प्रतिशत का संदर्भ है। मान एक ही तत्व के लिए किसी अन्य संपत्ति का हो सकता है, पूर्वजों के तत्व के लिए एक संपत्ति, या स्वरूपण संदर्भ का एक मूल्य (उदाहरण के लिए, एक ब्लॉक के चौड़ाई)। जब रूट तत्व की संपत्ति के लिए प्रतिशत मान निर्धारित किया जाता है और प्रतिशत को कुछ संपत्ति के विरासत मूल्य के संदर्भ में परिभाषित किया जाता है, परिणामी मान उस संपत्ति के प्रारंभिक मूल्य का प्रतिशत गुना होता है।

+1

इसके अलावा 'vw' आपके' html '/ 'body' टैग के लिए' ओवरफ़्लो: ऑटो '' डिफ़ॉल्ट है, तो स्क्रॉल बार को खाते में नहीं लेता है। इसलिए यदि आपकी सामग्री की लंबाई के कारण आपके पास लंबवत स्क्रॉल बार है और फिर _any_ element 'width: 100vw; 'और, आपको एक क्षैतिज स्क्रॉल बार मिलेगा जो बेकार हो जाता है। – Matmarbon

संबंधित मुद्दे