IE 11에서 이미지의 크기가 조절되지 않습니다.

Question

브라우저 창의 너비를 변경하면 IE 11 이하에서 이미지의 크기가 조정되지 않습니다. 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

늦게 파티에 약간 될 수도 있지만 나는이 다른 그래서 당신을 도울 수있는 답을 찾을 : https://stackoverflow.com/a/42174237/1914261

IE11은 flex-shrink property의 초기 값 몇 가지 문제를 갖고있는 것 같아요. 0으로 설정하면 (초기 값은 1로 설정 됨) 작동합니다.