WordPress 利用swiper插件做幻灯片轮播时有偏移

今天给某客户开发一个网站时遇到一个问题就是swiper slide有向右偏移几个像素(一次不止显示一张图片的情况下),改变窗口大小后又恢复正常,很奇怪,搜索了半天终于找到了解决办法,下面给出解决方法,希望能帮助到有需要的同学。

var swiper = new Swiper('.swiper-container', {
watchSlidesProgress: true,
slidesPerView: 'auto',
centeredSlides: true,
loop: true,
loopedSlides: 5,
autoplay: true,
observer:true,//修改swiper自己或子元素的时候,自动初始化swiper
observeParents:true,//修改swiper的父元素时,自动初始化swiper
pagination: {
el: '.swiper-pagination',
clickable :true,
}
});