swiper轮播图片大小设置
时间: 2023-11-17 08:08:52 浏览: 809
淘宝swiper轮播 小图变大图
在使用swiper轮播时,可以通过设置CSS样式来控制图片的大小。具体方法如下:
1. 在HTML中,给图片添加一个class,例如:
```html
<div class="swiper-slide">
<img class="slide-img" src="image.jpg">
</div>
```
2. 在CSS中,设置.slide-img的宽度和高度即可,例如:
```css
.slide-img {
width: 100%;
height: 200px;
}
```
这样就可以将图片的宽度设置为100%,高度设置为200px。
阅读全文