轮播图大小不对

来源:5-1 右切换按钮

慕尼黑3413982

2022-03-04 21:56:04

问题描述:

老师,为什么我切换完了轮播图以后图片变大了,我设置应该没有问题吧

相关截图:

https://img.mukewang.com/climg/62221a26086ce64319200937.jpg

相关代码:

/* 轮播图 */
.swiper a{
    display: block;
    width: 896px;
    height: 382px;
    background-image: url(../images/swiper/swiper-1.jpg);
    background-size: cover;
    border-radius: 0px 8px 0px 8px;
}

尝试过的解决方式:

background-size设置为cover或者contain都不行


写回答

1回答

好帮手慕小脸

2022-03-05

同学你好,源码拼接测试效果图是如下这样:(轮播图左下角是圆角)

https://img.mukewang.com/climg/6222d751091e5d3812120417.jpg

这里需要将其修改为:

border-radius: 0 8px 0 0;

注:若还是不能正确显示大小,建议同学对比课程源码检查一下相关设置

祝学习愉快~

0

0 学习 · 9886 问题

查看课程