आप छवि चौड़ाई और ऊंचाई पट्टी की जरूरत नहीं है जिम्मेदार बताते हैं।
jsFiddle: http://jsfiddle.net/7j3db/
क्रोम, फायरफॉक्स, ओपेरा, IE9 और IE9 IE7 नकल में परीक्षण किया गया। आपके द्वारा वर्णित सटीक सीएसएस नियम के साथ, उन सभी में ठीक काम करने लगता है।
संपादित करें: एक छवि के साथ परीक्षण किया गया है कि लोड नहीं किया जा सकता है: http://jsfiddle.net/7j3db/1/
यह क्रोम और IE (यहां तक कि IE7) में उचित प्रभाव नहीं पड़ा, लेकिन नहीं Firefox या ओपेरा में। हालांकि, फ़ायरफ़ॉक्स और ओपेरा में भी, प्रभाव चौड़ाई और ऊंचाई विशेषताओं को छोड़ दिया गया था (क्योंकि चौड़ाई विशेषता का प्रभाव अभी भी प्रभाव पड़ा था, भले ही ऊंचाई विशेषता नहीं थी)।
alt text (http://jsfiddle.net/7j3db/2/) के साथ आगे परीक्षण: आईई 7 द्वारा पूरी तरह से संभाला गया, लेकिन आईई 9 ओपेरा में शामिल हो गया, और आईई 8 कुछ अजीब करता है (छवि ऊंचाई alt टेक्स्ट की लंबाई पर निर्भर करती है - अधिक alt टेक्स्ट, कम स्थान)। क्रोम पूरी तरह से Alt पाठ को अनदेखा करता प्रतीत होता है। ओपेरा और एफएफ alt टेक्स्ट दिखाते हैं, लेकिन अन्यथा अनिवार्य रूप से वही व्यवहार होता है जैसा उन्होंने पहले किया था। चौड़ाई और ऊंचाई विशेषताओं में से किसी भी इन टेक्स्ट टेक्स्ट की समस्याओं के लिए जिम्मेदार प्रतीत नहीं होता है, हालांकि (IE8 को छोड़कर, कुछ हद तक)।
असल में, फ़ायरफ़ॉक्स का व्यवहार छवि को तब भी नहीं दिखाना था जब इसे लोड नहीं किया जा सका - लेकिन इसे छवि पर 'डिस्प्ले: इनलाइन-ब्लॉक' डालकर ओपेरा की तरह व्यवहार करने के लिए बनाया जा सकता था। – Brilliand
आपके उत्तर के लिए धन्यवाद।जब मैंने आईएमजी टैग के अंदर चौड़ाई और ऊंचाई छोड़ी तो कोशिश की तो लेआउट व्यूपोर्ट आकार बदलते समय छवि स्केल नहीं हुई। मुझे लगता है कि इनलाइन चौड़ाई और ऊंचाई स्थानीय हैं क्योंकि वे सीएसएस नियम मजबूत हैं। मेरे लिए ऐसा लगता है कि मैं चौड़ाई और ऊंचाई विशेषताओं को हटा सकता हूं और फिर मेरे पास "द्रव छवियां" होंगी जो व्यूपोर्ट के आकार में परिवर्तन के साथ स्केल करती हैं और पेज लोड गति बलिदान करती हैं या उन गुणों को छोड़ने और "द्रव छवियों" पेशेवरों को त्यागने के लिए । अगर मैं सही हूं तो मैं कैसे बलिदान करना चुनता हूं। – ProgNet
सीएसएस के संदर्भ में, HTML (यानी चौड़ाई = और ऊंचाई =) में विशेषताओं के माध्यम से सेट मान न्यूनतम प्राथमिकता हैं, जबकि "शैली" विशेषता में सीएसएस के माध्यम से सेट मान अधिकतम प्राथमिकता हैं। इसलिए ओपेरा, फ़ायरफ़ॉक्स और आईई 9 के व्यवहार के लिए औचित्य, जो पूरी तरह से "ऊंचाई =" को अनदेखा करना है यदि आप अपने सीएसएस में ऊंचाई (यहां तक कि 'ऊंचाई: ऑटो') सेट करते हैं। – Brilliand