小程序中swiper组件中图片宽高的设置

编程入门行业动态更新时间:2024-10-08 08:28:16

小程序中swiper<a href=https://www.elefans.com/category/jswz/34/1771375.html style= 组件中图片宽高的设置"/>

小程序中swiper轮播组件直接引用图片会造成图片铺不满的问题
原因：swiper和图片都有宽和高导致的，这里需要设置swiper的宽和高
涉及原理：原图的宽度 / 高度 = swiper的宽度 / 高度
解决办法：
例如：图片750X410

swiper{width: 100%;height: calc(100vw*410/750);image{width: 100%;}
}

更多推荐

小程序中swiper组件中图片宽高的设置

本文发布于:2024-02-27 22:02:05，感谢您对本站的认可！

组件程序图片 swiper

评论列表（有 0 条评论）