IE11에서는 확대/축소 된 이미지이지만 Chrome/Firefox에서는 그렇지 않습니다.

따라서 IE11에서 이미지를 표시 할 때 swiper (?)는 완벽하게 동작하지 않습니다. 이미지는 Chrome 및 Firefox에서 완벽하게 렌더링됩니다.IE11에서는 확대/축소 된 이미지이지만 Chrome/Firefox에서는 그렇지 않습니다.

.swiper-container img { 
    width: 100%; 
}

이 그것을 고정 :

<div class="row"> 
    <div class="col-xs-12"> 
     <div class="panel panel-default"> 
      <div class="panel-heading"> 
       <i class="fa fa-car"></i> {{ trans('navs.general.pictures') }} 
      </div> 

      <div class="panel-body"> 
        <div class="swiper-container"> 
         <div class="swiper-pagination"></div> 
         <div class="swiper-button-next"></div> 
         <div class="swiper-button-prev"></div> 
         <div class="swiper-wrapper"> 
          @foreach($car->getMedia('vehicules') as $i) 
          <div class="swiper-slide" style="background-image:url({{ $i->getUrl() }})"> 
          <img data-src="{{ $i->getUrl() }}" src="{{ $i->getUrl() }}" alt="Photo"> 
          </div> 
          @endforeach 
         </div> 
        </div> 
      </div> 
     </div><!-- panel --> 
    </div><!-- col-md-10 --> 

</div><!--row--> 
@section('after-scripts') 
<script src='/js/swiper/swiper.jquery.js'></script> 
<script> 
    $(document).ready(function() { 
    //initialize swiper when document ready 
    var mySwiper = new Swiper ('.swiper-container', { 
     // Optional parameters 
     pagination: '.swiper-pagination', 
     paginationClickable: true, 
     nextButton: '.swiper-button-next', 
     prevButton: '.swiper-button-prev', 
    }) 
    }); 
</script> 
@stop 
@section('before-styles') 
<link rel="stylesheet" href="/css/swiper/swiper.css"> 
<style> 
    html, body { 
     position: relative; 
     height: 100%; 
    } 
    .swiper-container { 
     width: 100%; 
     height: 100%; 
    } 
    .swiper-slide { 
     text-align: center; 
     font-size: 18px; 
     background: #fff; 
     width: auto; 
     /* Center slide text vertically */ 
     display: -webkit-box; 
     display: -ms-flexbox; 
     display: -webkit-flex; 
     display: flex; 
     -webkit-box-pack: center; 
     -ms-flex-pack: center; 
     -webkit-justify-content: center; 
     justify-content: center; 
     -webkit-box-align: center; 
     -ms-flex-align: center; 
     -webkit-align-items: center; 
     align-items: center; 
    } 
    </style> 
@stop

EDIT (그것은 가치가 무엇인지, 그것을 생성 laravel이기 위해) 여기

And you can see this live here