如何在两个方向上缩放bootstrap carousel幻灯片并具有最大高度？

<div id="myCarousel" class="carousel slide">
  <!-- Carousel 内容 -->
</div>

#myCarousel {
  max-height: 400px; /* 设置最大高度 */
  overflow: hidden; /* 隐藏溢出内容 */
}

$(document).ready(function() {
  // 调整Carousel的高度和宽度
  function resizeCarousel() {
    var windowHeight = $(window).height();
    var windowWidth = $(window).width();
    var carousel = $('#myCarousel');

    // 设置Carousel的高度
    carousel.height(windowHeight);

    // 设置Carousel的宽度
    if (windowWidth >= 768) {
      carousel.width(windowWidth / 2);
    } else {
      carousel.width(windowWidth);
    }
  }

  // 初始化时调整Carousel的大小
  resizeCarousel();

  // 窗口大小改变时重新调整Carousel的大小
  $(window).resize(function() {
    resizeCarousel();
  });
});

window.addEventListener('load', function() {
  // 调整Carousel的高度和宽度
  function resizeCarousel() {
    var windowHeight = window.innerHeight;
    var windowWidth = window.innerWidth;
    var carousel = document.getElementById('myCarousel');

    // 设置Carousel的高度
    carousel.style.height = windowHeight + 'px';

    // 设置Carousel的宽度
    if (windowWidth >= 768) {
      carousel.style.width = windowWidth / 2 + 'px';
    } else {
      carousel.style.width = windowWidth + 'px';
    }
  }

  // 初始化时调整Carousel的大小
  resizeCarousel();

  // 窗口大小改变时重新调整Carousel的大小
  window.addEventListener('resize', function() {
    resizeCarousel();
  });
});