आस्पेक्ट रेशियो कैलकुलेटर
चौड़ाई:ऊँचाई और ज्ञात आयाम दें या CSS मोड में अनुपात बॉक्स बनाएँ। 16:9, 4:3, 1:1, 9:16, 21:9, 3:2, 2:3, 4:5 तथा वैकल्पिक चौड़ाई और अधिकतम चौड़ाई उपलब्ध हैं। भौतिक मोड में चौड़ाई और ऊँचाई, या विकर्ण और चौड़ाई:ऊँचाई अनुपात दें। हर परिदृश्य के इनपुट और आउटपुट इकाई अलग हैं। पिक्सेल अनुपात बताते हैं, भौतिक लंबाई नहीं।
उपयोग कैसे करें
उपयोग कैसे करें
- आयाम, CSS या भौतिक स्क्रीन मोड चुनें; आठ तय अनुपात या अपना धनात्मक अनुपात दें।
- ज्ञात आयाम, समर्थित CSS लंबाई या भौतिक आकार/विकर्ण और इकाई दें; जरूरत पर नाम वाले परिदृश्य जोड़ें।
- पूरी परिणाम तालिका निकालें। CSS अलग कॉपी करें या स्थिर संख्यात्मक रिपोर्ट कॉपी/डाउनलोड करें। संपादन से पुराने परिणाम मिटते हैं।
संख्याएँ और रिपोर्ट
मनमानी आकार सीमा के बिना धनात्मक सीमित दशमलव स्वीकार हैं। खाली मान, असमर्थित मोड/इकाई, ओवरफ्लो तथा परिणाम का शून्य में अंडरफ्लो अस्वीकार हैं। पूर्णांक अनुपात को मूल दशमलव पाठ और सटीक पूर्णांक गणना से सरल किया जाता है। भौतिक आकार और क्षेत्रफल में ब्राउज़र की फ्लोटिंग-पॉइंट गणना होती है। रिपोर्ट मूल पाठ, पार्स किए मान, इकाइयाँ, मॉडल और सभी पूर्ण सटीकता परिणाम रखती है। दिखाए अंक वास्तविक माप नहीं हैं।
सुरक्षित CSS लंबाई और पूर्वावलोकन
चौड़ाई और अधिकतम चौड़ाई में ≤100,000 धनात्मक संख्या के बाद px, rem, em, %, vw या vh, अधिकतम 24 अक्षर दें। व्यंजक और मनमाना CSS स्वीकार नहीं है। खाली चौड़ाई 100% है; खाली max-width छूट जाता है। ऊँचाई/चौड़ाई 0.0001–10,000 है। स्थिर पूर्वावलोकन क्षेत्र में फिट होता है और दी गई चौड़ाई लागू नहीं करता। CSS अधिकतम 4,096 अक्षर है।
वैकल्पिक संरचना
बाहरी ratio-frame, अंदर के ratio-box और ratio-content ढाँचे का उपयोग करें। फ्रेम चौड़ाई तय करता है। वैकल्पिक बॉक्स में height: 0 और ऊँचाई/चौड़ाई × 100% का padding-top है; सामग्री absolute और inset: 0 है। supports नियम height को auto और padding को 0 करके aspect-ratio लागू करता है। सब स्थानीय है।
भौतिक आकार और परिदृश्य
हर नाम वाले परिदृश्य में चौड़ाई व ऊँचाई या विकर्ण व अनुपात चुनें। रूपांतरण: 1 in = 2.54 cm = 25.4 mm; 1 ft = 12 in। क्षेत्रफल आउटपुट इकाई के वर्ग में है। धनात्मक पिक्सेल आयाम अनुपात दे सकते हैं पर भौतिक आकार नहीं। रिपोर्ट कॉपी और TXT में एक ही स्थिर परिणाम हैं; CSS कॉपी में केवल CSS है।
अक्सर पूछे जाने वाले सवाल
आप यह भी जानना चाहेंगे
क्या दशमलव अनुपात स्वीकार है?
हाँ। धनात्मक सीमित दशमलव स्वीकार हैं; दोनों भाग पूर्णांक होने पर ही अनुपात सरल होता है।
बाहरी फ्रेम क्यों चाहिए?
प्रतिशत पैडिंग containing block की चौड़ाई पर आधारित है। फ्रेम से वैकल्पिक तरीका अपनी width या max-width से मेल खाता है।
क्या पूर्वावलोकन चौड़ाई इकाइयाँ लागू करता है?
नहीं। यह सीमित आकार में अनुपात दिखाता है; जाँची गई लंबाई बनाए गए CSS में होती है।
क्या पिक्सेल आयाम विकर्ण निर्धारित कर सकते हैं?
नहीं। वे केवल चौड़ाई:ऊँचाई देते हैं। भौतिक चौड़ाई और ऊँचाई या विकर्ण दें।
इनपुट बदलने पर क्या होता है?
पुराने परिणाम और निर्यात मिट जाते हैं। नई स्थिर रिपोर्ट के लिए फिर गणना करें।