Bild skaliert nicht auf IE 11

Question

Wenn ich die Breite des Browserfensters ändere, skaliert das Bild nicht auf IE 11 oder darunter. Ich arbeite mit Google Chrome. Ich habe versucht, Position hinzuzufügen: absolut, aber es zerstört das gesamte Layout.
Bild css:

.auction-item-img-container { 
    display: block; 
    height: 400px; 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: cover; 
} 
@media screen and (max-width: 1024px) { 
    .auction-item-img-container { 
    height: 0; 
    padding-bottom: 100%; 
    } 
} 
@media screen and (max-width: 480px) { 
    .auction-item-img-container { 
    height: 270px; 
    } 
} 

Eltern und beide haben img display: block; box-sizing: border-box;
HTML:

<article onclick="AddCookieWithAuction(1185)" id="auction-1185"> 
<a class="auction-item-img-container" href="/Aukcje/PodgladAukcji/1185/1/1" style="background-image: url(/Content/images/backgrounds/empty.png)"> </a> 
<!-- This part is responsive --> 
<div class="auction-item-desc"> 
    <div class="auction-bar"> 
     <h4 class="auction-bar-author"><a href="/Aukcje/PodgladAukcji/1185/1/1">1</a></h4> 
     <h5 class="auction-bar-title"><a href="/Aukcje/PodgladAukcji/1185/1/1">1</a></h5> 
    </div> 
    <div class="auction-price-container"> 
      <div class="actual-price-holder"> 
        <span class="auction-price-label">Cena</span> 

       <p class="auction-price"><a href="/Aukcje/PodgladAukcji/1185/1/1">123 PLN</a></p> 
      </div> 
         <div class="auction-observe"> 
       <a onclick="acc.onObservedButtonClick(1185, this)" class="fa fa-star-o observe-icon"></a> 
       <a onclick="acc.onObservedButtonClick(1185, this)" class="add-observe">Dodaj do obserwowanych</a> 
      </div> 
    </div> 
    <div class="auction-type-container"> 
     <span class="auction-type"><a href="/Aukcje/PodgladAukcji/1185/1/1">Aukcja w trakcie</a></span> 

    </div> 
</div> 
</article> 

Es ist, wie es auf beiden Browsern aussieht. IMAGE

Answer 1

Ich empfehle Ihnen, Ihr Layout here und alle mobilen Geräte zu sehen, Ihre Website funktioniert ordnungsgemäß in allen Geräten. Es hat keine Bedeutung, Ihr Layout im Internet Explorer mit der Größe des Bildschirms zu sehen.

Answer 2

vielleicht ein wenig spät, um die Partei zu sein, aber ich fand diese andere SO beantworten, die Ihnen helfen könnten: https://stackoverflow.com/a/42174237/1914261

IE11 scheint einige Probleme mit dem Anfangswert der flex-shrink property zu haben. Wenn Sie es auf Null setzen (es ist zunächst auf 1 gesetzt), sollte es funktionieren