Swiper中文论坛

标题: swiper做全屏轮播图时怎样让图片自适应 [打印本页]

作者: fanwei 时间: 2015-6-11 18:09
标题: swiper做全屏轮播图时怎样让图片自适应
swiper做全屏轮播图时怎样让图片自适应，也就是一直在屏幕的正中间，如图，在缩小屏幕时图片没有跟着自适应

j1.png (738.37 KB, 下载次数: 257)

j2.png (621.4 KB, 下载次数: 164)

作者: chen1110103 时间: 2015-6-12 10:12
图片宽度设成百分比呢

作者: 黄浦 时间: 2015-6-15 14:15
img 设置百分比，100%是铺满，不是100%的时候把父容器设为margin:0 auto; 这样可以居中对齐。

作者: hongweizhiyuan 时间: 2016-9-19 10:38
.swiper-slide {background-position: center;background-size: cover;}

<div class="swiper-slide" style="background-image:url('pic.jpg')"></div>

这种方法可以解决！

作者: ymx 时间: 2017-1-5 13:56
本帖最后由 ymx 于 2017-1-5 14:01 编辑

1111111111111111111111111111

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)