解决这个问题的方法是使用CSS和JavaScript来动态调整旋转木马图片的尺寸。下面是一个示例代码：

HTML代码：

CSS代码：

.carousel {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateX(-100%);
  transition: transform 0.5s;
}

.carousel-item.active {
  transform: translateX(0);
}

JavaScript代码：

var carouselItems = document.querySelectorAll('.carousel-item');
var carouselContainer = document.querySelector('.carousel');

function resizeCarouselItems() {
  var carouselWidth = carouselContainer.clientWidth;
  
  carouselItems.forEach(function(item) {
    var imageWidth = item.clientWidth;
    var scale = carouselWidth / imageWidth;
    item.style.transform = 'scale(' + scale + ')';
  });
}

window.addEventListener('resize', resizeCarouselItems);
resizeCarouselItems();

上述代码中，我们通过CSS来设置旋转木马容器的尺寸，并使用绝对定位和transform属性来实现图片的轮播效果。在JavaScript中，我们使用resize事件来监听窗口大小变化，并在窗口大小变化时重新计算图片的缩放比例，从而保持图片在容器中的适应性。通过调整图片的缩放比例，我们可以确保不同尺寸的图片在旋转木马中都能够正确显示。