पेरेंट div आकार

Question

पर आधारित आनुपातिक रूप से छवि का आकार बदलें मैं गैलरी से चयनित छवि प्रदर्शित करने के लिए पूर्ण ब्राउज़र चौड़ाई ऊंचाई jquery blockUI का उपयोग कर रहा हूं। ब्लॉकयूआई में छवि भाषण देखने की योजना है।
मूल रूप से साइड ब्लॉकयूयू में देखें चौड़ाई और ऊंचाई 100% पर सेट है।
अंदर दो और divs हैं। दाएं चौड़ाई को 80% दृश्य में सेट किया गया है और इसमें छवि है।
छवि की चौड़ाई और ऊंचाई 100% पर सेट है (लेकिन यह गलत है मुझे पता है)।
छवियां जो मैं यहां प्रदर्शित करता हूं वे छवियों द्वारा अपलोड किए गए मूल आकार में छवियां हैं। लेकिन अगर मॉनिटर 1024x768 है और अपलोड की गई छवि 600x1900 है, तो मैं स्क्रीन से उस छवि को बाहर नहीं करता हूं।
तो मैं उस छवि को केंद्रित और आनुपातिक प्रदर्शित करने के लिए इसे कैसे ठीक कर सकता हूं?

Answer 1

उपयोग max-width और max-height, आप IE 6 में जावास्क्रिप्ट का उपयोग करने के लिए यदि आप इसे समर्थन करने की जरूरत है की आवश्यकता होगी:

#blockUI img { 
    max-width: 100%; 
    max-height: 100%; 
} 

यह img तत्व के पक्ष अनुपात, जब आकार बदलने के लिए ऊपर रहता है अधिकतम संभव चौड़ाई और ऊंचाई।