ऊंचाई: Internet Explorer 8 में ऑटो और

Question

नीचे उत्तरदायी डिजाइन की ओर अग्रसर है, मैं छवियों के लिए% s, उदा .:

#example img { 
    width: 100%; 
    height: auto; 
    max-width: 690px; // Width of the image uploaded. 
} 

यह महान काम करता है, का उपयोग कर रहा इंटरनेट एक्सप्लोरर 8 और नीचे में छोड़कर। क्या यह height: auto के कारण CSS3 का हिस्सा है, जो केवल आईई 9 के बाद समर्थित है?

और सबसे महत्वपूर्ण हिस्सा ... इस समस्या के आसपास किसी भी तरह के सुझाव? एकमात्र चीज जिसे मैं अब तक सोच सकता हूं वह इसे अधिकतम ऊंचाई प्रदान करना है।

धन्यवाद

Answer 1

इस प्रयास करें:

img { 
    width: inherit; /* Make images fill their parent's space. Solves IE8. */ 
    max-width: 100%; /* Add !important if needed. */ 
    height: auto; /* Add !important if needed. */ 
} 

या:

img { max-width:100%; height: auto; } /* Enough everywhere except IE8. */ 
@media \0screen {img { width: auto }} /* Prevent height distortion in IE8. */ 

दोनों समाधान काम करते हैं। अंतर यह है कि width:inherit छवियों को उनके माता-पिता की जगह भरते हैं जबकि width:auto उन्हें उनके वास्तविक आयामों पर अधिकतम करता है। fit.css