क्रोम मेरी अधिकतम चौड़ाई वाली छवि की ऊंचाई खींच रहा है

Question

मुझे उपयोग की जा रही सीएमएस में मेरी छवियों की अधिकतम-चौड़ाई सेट करने में समस्या हो रही है। क्रोम (अन्य ब्राउज़र में अपरीक्षित अभी तक) में, एक अधिकतम-चौड़ाई की स्थापना छवि की ऊंचाई फैला मैं डालने - यहाँ देखें:

#content .pagebanner img { max-width:490px; } 

है वहाँ: http://www.literarykitchen.co.uk/events/testspace/

इस कोड मैं का उपयोग कर रहा है किसी भी कारण से यह क्यों फैल रहा है? मैंने सोचा कि maxwidth मतलब छवियों अनुपात में पैमाने है?

धन्यवाद

Osu

Answer 1

मैं एक ही मुद्दा था, मेरे छवि गैलरी गतिशील था और सभी छवियों को विभिन्न आकारों प्रयोक्ता द्वारा अपलोड किए थे। तो मुझे यह सुनिश्चित करना था कि यह काम करता है। मेरे लिए यह हल किया गया था max-width:, max-height:, height:, और width: अन्यथा यह मेरे लिए काम नहीं करता था।

उदाहरण:

#image-container-div img { 
    max-width: 490px; 
    max-height: 490px; 
    height: auto; 
    width: auto; 
}