1vw = 1%, इसलिए यदि वे 100% अंतर-परिवर्तनीय हैं तो वे दोनों मौजूद क्यों हैं? मुझे लगता है कि% रैपर टैग के आकार पर निर्भर करता है लेकिन वीएच हमेशा खिड़की के आकार पर निर्भर करता है चाहे रैपर टैग के आकार की कोई फर्क नहीं पड़ता। धन्यवाद,सीएसएस में% और vw के बीच क्या अंतर है?
उत्तर
वे आवश्यक रूप से विनिमय नहीं कर सकते हैं।
व्यवहार मुख्य रूप से डीओएम में तत्व की स्थिति पर निर्भर करेगा, क्योंकि यह निर्धारित करेगा कि तत्व का ब्लॉक क्या है। यदि किसी तत्व की 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. सीएसएस इकाइयों - vh/vw और% के बीच क्या अंतर है?
- 2. सीएसएस में, कैस्केडिंग और विरासत के बीच क्या अंतर है?
- 3. सीएसएस में कक्षाओं और आईडी के बीच क्या अंतर है?
- 4. के बीच क्या अंतर है। और # एक सीएसएस फ़ाइल में?
- 5. "VW" सीएसएस calc में क्रोम में इकाइयों
- 6. * और * के बीच क्या अंतर है?
- 7. सीएसएस वारिस और प्रारंभिक के बीच क्या अंतर है?
- 8. क्या $ @ और "$ @" के बीच कोई अंतर है?
- 9. # {} $ {} और% {} के बीच क्या अंतर है?
- 10. के बीच क्या अंतर है:। और: आर !?
- 11. [अपरिभाषित] और [,] के बीच क्या अंतर है?
- 12. वेरिलोग के बीच क्या अंतर है! और ~?
- 13. `&` और `ref` के बीच क्या अंतर है?
- 14. $ और $$ के बीच क्या अंतर है?
- 15. भिन्नता और '-' के बीच क्या अंतर है?
- 16. "$^एन" और "$ +" के बीच क्या अंतर है?
- 17. सीएसएस में @import और लिंक के बीच अंतर
- 18. सीएसएस में नो-ड्रॉप और अनुमति नहीं है के बीच क्या अंतर है?
- 19. सीएसएस में परिप्रेक्ष्य और परिवर्तन के परिप्रेक्ष्य गुणों के बीच क्या अंतर है?
- 20. के बीच क्या अंतर है?
- 21. MATLAB में & &&& के बीच क्या अंतर है?
- 22. पीएक्स, एम और पूर्व के बीच क्या अंतर है?
- 23. अंतर और कहां के बीच क्या अंतर है?
- 24. चौड़ाई/मार्जिन और _width/_margin के बीच क्या अंतर है?
- 25. थीम और टेम्पलेट के बीच क्या अंतर है?
- 26. ngSwitch और ngInclude के बीच क्या अंतर है?
- 27. सीएसएस चयनकर्ता में पाइपलाइन और टोपी प्रतीक के बीच क्या अंतर है?
- 28. सीएसएस में एचटीएमएल [लैंग = "एन"] और एचटीएमएल: लैंग (एन) के बीच क्या अंतर है?
- 29. सीएसएस में शुरुआती और अनसेट मानों के बीच क्या अंतर है?
- 30. .htc और .js फ़ाइल के बीच क्या अंतर है?
इसके अलावा 'vw' आपके' html '/ 'body' टैग के लिए' ओवरफ़्लो: ऑटो '' डिफ़ॉल्ट है, तो स्क्रॉल बार को खाते में नहीं लेता है। इसलिए यदि आपकी सामग्री की लंबाई के कारण आपके पास लंबवत स्क्रॉल बार है और फिर _any_ element 'width: 100vw; 'और, आपको एक क्षैतिज स्क्रॉल बार मिलेगा जो बेकार हो जाता है। – Matmarbon