为什么给图片设置width：100% 它的高度并没有跟着变化

由于图片是替换元素并且该图片还进行了绝对定位，且你又没有设置height属性，这时浏览器会显示它的内在高度，534.
处理方式：
1.将position：absolute去掉或换成relative，或者手动设置height属性。

你只是单独的设置了width的大小，并没有设置height，height默认值就是auto，background还有很多属性，可以通过background-size这个设置图片的大小

你要看看你父级元素的宽度有多大啊

我觉得是 你的样式 和swiper插件的样式冲突了，这个问题应该是 position，或者float问题引起的

我帮您看看是什么地方你到width设置了414px

你的代码img元素的父类宽度位414px,你这设置图片 width:100% 最多也就宽度414px

行间样式最强大，虽然有点繁琐。最终看行间样式

看一下父元素或者css中是不是对图片的高度进行了限定

可以设置一下高度自适应 height: auto;或者在外面加个div，给div设置宽高

设置一下最小宽度试试.
应该可以.

设置height: auto;

style="width: 100%; height: auto;"

或者换张图片试试

举一个小例子：

.a{
position:relative,
padding-top:50%;
height:0;
overflow:hidden;
}
.a img{
position:absolute;
top:0;
width:100%;
}
//padding-bottom=div的宽/高*100%；

//div中高度为0，溢出隐藏

设置他自己本身100%不行，就试试其他方法，比如设置像素，设置包着它的div，查查swiper的文档看看有没有相关的文档等(我没用过swipe，刚入行不久，嘻嘻)，耐心点总能找到方法的。