UTILS.
निजता हमेशा पहले
▭

CSS आस्पेक्ट रेशियो बॉक्स

पैडिंग फ़ॉलबैक के साथ एक रिस्पॉन्सिव आस्पेक्ट-रेशियो बॉक्स बनाएं।

आपकी फ़ाइलें इसी डिवाइस पर रहती हैं

फ़ाइलें ब्राउज़र में प्रोसेस होती हैं, कभी अपलोड नहीं होतीं। साइट टूल चलाने के लिए ज़रूरी कोड और संसाधन डाउनलोड करती है। न खाता, न ट्रैकर।

इस टूल को एक HTML फ़ाइल में सहेजकर ऑफ़लाइन इस्तेमाल करने के लिए डाउनलोड करें।

गोपनीयता →

इस टूल के बारे में

अपने ब्राउज़र में ही एक रिस्पॉन्सिव आस्पेक्ट-रेशियो बॉक्स बनाने के लिए चौड़ाई और ऊँचाई का अनुपात दर्ज करें, जिसमें आधुनिक aspect-ratio CSS और padding-top प्रतिशत फ़ॉलबैक दोनों शामिल हैं।

अक्सर पूछे जाने वाले प्रश्न

padding-top फ़ॉलबैक क्यों शामिल किया जाता है?
padding-top प्रतिशत तरकीब पुराने ब्राउज़रों में एक निश्चित आस्पेक्ट रेशियो को दोहराती है जो आधुनिक aspect-ratio प्रॉपर्टी का समर्थन नहीं करते।
क्या अनुपात को सरल किया जाता है?
हाँ — 16 और 9 जैसे मान उनके महत्तम समापवर्तक से कम किए जाते हैं, इसलिए 1920 गुणा 1080 को 16 / 9 के रूप में दिखाया जाता है।

और टूल