图像拉伸，宽度为100％，高度为300px

Question

我有一个带滑块的页面，我的滑块宽度为100％，高度为300px，但是当我尝试在滑块中放入一些图像时，所有图像都是stretch.i尝试了几种方法，但它似乎不是和我一起工作..有人请帮我解决这个问题..

滑块代码

<div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="Image/car1.png" alt="Flower">
      <div class="carousel-caption">
      </div>
    </div>

    <div class="item">
      <img src="Image/car2.png" alt="Flower">
      <div class="carousel-caption">
      </div>
    </div>

CSS

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
     width: 100%;
     height: 300px;
     overflow: hidden;
     object-fit: cover;
 }