elementiqoo跑马灯灯效果全屏显示，容器宽度100%，高558，图片是1920*900，图片如何全部显示在容器里

点击联系发帖人 时间：2020-03-27 02:15

iqoo跑马灯

走马灯代码结构走一遍（imgList数组在data中声明,此为本地数据）

Carousel 中有一个height参数如果给固定值620px，那么它会出现如图效果图片的宽高随可视窗口的改变等比放大或缩小，可视窗口缩小图片的宽度和高度缩小，轮播图的固定高度不變, so…如图所示如果图片给height: 100%; 属性,图片会拉伸；好吧那就换一个auto，则如图所示

所以要想图片正常显示，又不会出现空白条的办法就是动態改变轮播图的高度跟图片高度相等即可。

初识vue如有误，请指正不胜感激。

发布了16 篇原创文章 · 获赞 3 · 访问量 3万+

}

一早上的时间全用来研究这个了保证是比较好的方式

 this.setBannerH1()//初始值根据图片的缩放比率和屏幕大小来定，不然走马灯开始时候就会默认一个值

}

我现在超出容器的部分图片不显礻如何让图片缩放呀，... 我现在超出容器的部分图片不显示如何让图片缩放呀，

但是既然它是HTML的话那就可以用CSS来控制图片宽度，

你对這个回答的评价是

下载百度知道APP，抢鲜体验

使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案

}