CSS aspect-ratio जनरेटर
चौड़ाई और ऊँचाई दर्ज करें और तुरंत संबंधित CSS मान aspect-ratio पाएँ, सरल किया हुआ और विज़ुअल प्रीव्यू के साथ। गणना पूरी तरह आपके ब्राउज़र में होती है, कुछ भी सर्वर पर नहीं भेजा जाता।
यह कैसे काम करता है
CSS प्रॉपर्टी aspect-ratio किसी एलिमेंट (इमेज, वीडियो, कंटेनर) की चौड़ाई बदलने पर भी उसके अनुपात को अपने-आप बनाए रखती है, इसके लिए प्रतिशत वाली padding की तरकीबों की ज़रूरत नहीं पड़ती। यह टूल दर्ज किए गए आयामों से अनुपात निकालता है, संभव हो तो उसे सरल करता है, और बने हुए आयत का प्रीव्यू दिखाता है।
तय ऊँचाई की जगह aspect-ratio क्यों इस्तेमाल करें?
पिक्सेल में तय ऊँचाई ज़्यादा संकरी या चौड़ी स्क्रीन पर लेआउट बिगाड़ देती है; aspect-ratio एलिमेंट के असली आकार की परवाह किए बिना चौड़ाई/ऊँचाई का सही अनुपात बनाए रखता है, जो रेस्पॉन्सिव वीडियो, इमेज कार्ड या गैलरी थंबनेल के लिए खास तौर पर उपयोगी है।
दिखाए गए सरल किए गए अनुपात का क्या मतलब है?
टूल आपके चौड़ाई/ऊँचाई अनुपात को महत्तम समापवर्तक (GCD) की मदद से अपने-आप सबसे सरल रूप में घटा देता है (उदाहरण के लिए 1920 / 1080 बनता है 16 / 9), जिससे मान ज़्यादा पठनीय हो जाता है और आपकी स्टाइलशीट में दोबारा इस्तेमाल करना आसान रहता है।
100% लोकल प्रोसेसिंग: गणना और प्रीव्यू केवल आपके ब्राउज़र में चलते हैं।