为了使图像自动适合滑块容器，请在宽度上使用100％ 。 检查下面的CSS
$(document).ready(function() {
$("#owl-demo").owlCarousel({
navigation : true, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : 400,
singleItem:true
// "singleItem:true" is a shortcut for:
// items : 1,
// itemsDesktop : false,
// itemsDesktopSmall : false,
// itemsTablet: false,
// itemsMobile : false
});
});
<div id="owl-demo" class="owl-carousel owl-theme"> <div class="item"><img src="assets/fullimage1.jpg" alt=" 我们的最后 "></div> <div class="item"><img src="assets/fullimage2.jpg" alt=" 侠盗猎车手5 "></div> <div class="item"><img src="assets/fullimage3.jpg" alt=" 镜边 "></div> </div>
#owl-demo .item img{
display: block;
width: 100%;
height: auto;
}