IE 11で画像の縮尺が変更されない

Question

ブラウザウィンドウの幅を変更すると、画像はIE 11以下で拡大縮小されません。私はGoogle Chromeで仕事をしています。私は位置を追加しようとしました：絶対、しかしそれは全体のレイアウトを破壊します。
イメージ・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; 
    } 
} 

親との両方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> 

があります。

Answer 1

レイアウトhereとすべての携帯端末をお勧めします。お客様のウェブサイトはすべての端末で正常に動作しています。画面のサイズを変更してインターネットエクスプローラであなたのレイアウトを見ることは意味がありません。

Answer 2

後半パーティーに少しかもしれないが、私は、これは他のSOそれはあなたを助けるかもしれない答えが見つかりました：https://stackoverflow.com/a/42174237/1914261

IE11はflex-shrink propertyの初期値を持ついくつかの問題を持っているようです。 0に設定すると（最初は1に設定されています）、正常に動作するはずです