Swiper中文论坛»首页 › 交流 › Swiper3 交流 › swiper做全屏轮播图时怎样让图片自适应

swiper做全屏轮播图时怎样让图片自适应

查看数: 24057 | 评论数: 4 | 收藏 0

关灯 | 提示：支持键盘翻页<-左右->

帖子模式

fanwei

发布时间: 2015-6-11 18:09

正文摘要:

swiper做全屏轮播图时怎样让图片自适应，也就是一直在屏幕的正中间，如图，在缩小屏幕时图片没有跟着自适应

黄浦 发表于 2015-6-15 14:15:37

img 设置百分比，100%是铺满，不是100%的时候把父容器设为margin:0 auto; 这样可以居中对齐。

ymx 发表于 2017-1-5 13:56:47

本帖最后由 ymx 于 2017-1-5 14:01 编辑

1111111111111111111111111111

hongweizhiyuan 发表于 2016-9-19 10:38:44

.swiper-slide {background-position: center;background-size: cover;}

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

这种方法可以解决！

chen1110103 发表于 2015-6-12 10:12:07

图片宽度设成百分比呢

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号 )

GMT+8, 2024-11-24 03:20 , Processed in 0.059127 second(s), 32 queries .

swiper做全屏轮播图时怎样让图片自适应

正文摘要:

回复