www.ypnh.net > SwipEr.js sliDEr高度不能适应怎么解决

SwipEr.js sliDEr高度不能适应怎么解决

swiper.js 没有限制slider的高度,因为考虑到图片的不规则性,限制了高度,对于一些过大或者过小的图片会造成失真,你可以通过自己设置slider的高度,通过overflow:hidden来避免失真。

操作如下: 1,首先引入核心文件js,以及自带的默认css样式表 2,HTML结构以及插件初始化配置,输入以下代码:

修改Swiper.css中的css即可,即: .swiper-container { /* Specify Swiper's Size: */ width: 100%; height: 5rem; } .swiper-slide { /* Specify Slides's Size: */ width: 100%; height: 100%; }

网站地图

All rights reserved Powered by www.ypnh.net

copyright ©right 2010-2021。
www.ypnh.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com