我用的是猫头鹰的旋转木马。这是我的脚本:
$("#owl-demo").owlCarousel({
items : 3
});
我想让容器显示3张图片。但是,这是第一次加载时的图片
但是当我调整浏览器的大小时,图像的大小会改变为我想要的实际大小和设置
所以,当我第一次加载浏览器时,问题是图像预览。为什么会发生这种情况?我认为我的浏览器的大小问题
发布于 2019-03-28 03:59:01
当我在工作状态下测量owl-stage容器的宽度时,我修复了这个问题。然后设置样式中的值,如下所示:
#photo-gallery .owl-stage {
min-width: 10317px;
}
我的JS:
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
center: true,
loop:true,
margin:20,
autoWidth: true,
responsive:{
0:{
items: 1,
autoWidth: false
},
908:{
items: 1,
autoWidth: true
},
1236:{
items: 3
}
}
});
});
https://stackoverflow.com/questions/32461930
复制相似问题