Question

swiper插件怎么设置响应式高度自适应？

html样式和调用插件的函数都在图上，图片我是用background设置url，但是弄完发现width好像可以自适应屏幕宽度，height却没高度，这个是怎么弄的？新手刚用这个插件，有些搞不懂。。谁能帮我看看哪里错了





Answer 1

onSlideChangeStart: function() {
var H = $(".content-slide").eq(tabsSwiper.activeIndex).height();
$("埋脊前.swiper-slide").css('height', H + 'px');
$(".swiper-wrapper"弯清).css('height', H + 'px');
}
这段放里野销面试试

追问

不行

Answer 2

修乎含薯老庆改岁者Swiper.css中的css即可，即：
.swiper-container {
/* Specify Swiper's Size: */
width: 100%;
height: 5rem;
}
.swiper-slide {
/* Specify Slides's Size: */
width: 100%;
height: 100%;
}

Answer 3

.swiper-container {
width: 100vw;
height: 100vh;
}
.swiper-slide {
width: 100vw;
height: 100vh;
}