इंटरनेट एक्सप्लोरर 10 छवियों पर चौड़ाई और ऊंचाई को अनदेखा करता है

Question

मेरे पास एक ऐसी वेबसाइट है जिसमें इंटरनेट एक्सप्लोरर 10 वास्तविक छवि आकार के पक्ष में स्पष्ट रूप से सेट चौड़ाई और ऊंचाई विशेषताओं को पूरी तरह से अनदेखा कर रहा है।

छवि के रूप में परिभाषित किया गया है:

<img style="float: left; margin: 0px 10px 0px 0px; display: inline;" 
    align="left" src="http://blog.hinshelwood.com/files/2012/09/metro-findings.png" 
    width="64" 
    height="64"/> 

लेकिन यह IE10 में 128x128 के रूप में प्रदान की गई है। क्रोम में यह वही है जैसा आप उम्मीद करेंगे।

उदा। http://blog.hinshelwood.com/tfs-integration-tools-issue-tfs-wit-invalid-submission-conflict-type/

इस पृष्ठ पर, "समाधान" और "निष्कर्ष" छवियों सभी 64x64 की तैयारी में हैं लेकिन IE10 में वे 128x128 के रूप में प्रदर्शित "करने के लिए लागू होता है।" मैं निम्नलिखित सीएसएस स्थापित करने की कोशिश की है, लेकिन यह भी नजरअंदाज कर दिया है:

h3 img { 
width: 64px; 
height: 64px; 
} 

किसी को भी किसी भी विचार क्यों है?

Answer 1

आप

body .content img { 
    max-width: 100%; 
    height: auto; 
    width: auto \9; 
} 

http://blog.hinshelwood.com/wp-content/themes/pagelines/pagelines-compiled-css-2_1348178943/

IE में, अवैध width: auto \9; रूप width: auto;

क्रोम में व्याख्या की है है, अवैध चौड़ाई नजरअंदाज कर दिया है।

चौड़ाई ऑटो के बिना, छवि के व्यवहार अलग है:

क्रोम में, चौड़ाई अब h3 IMG { width: 64px; } से ली गई है, और के बाद से ऊंचाई ऑटो है, छवि 64px के अनुसार माप लिया जाता है।

आईई में, चौड़ाई और ऊंचाई दोनों अभी भी "ऑटो" हैं, और इस प्रकार यह डिफ़ॉल्ट आईएमजी आकार लेता है।

सीएसएस शैलियों आईएमजी टैग विशेषताओं को ओवरराइड करता है: आप विरासत शैली को ओवरराइड करने के लिए इनलाइन स्टाइल का उपयोग करने का प्रयास कर सकते हैं।

<img style="height: 64px; width: 64px;" src="..." />