swiper轮播图插件和rem布局一块使用会出现宽度异常,如下图
正常情况应该是每个图片的宽高 和 容器保持一致
解决办法:初始化swiper时,图片还没有加载,而图片会默认一定的宽高度,每个浏览器不一样。所以在js里面加个window.onload就行了
window.onload=function(){
var mySwiper = new Swiper('.swiper-container', {
autoplay: true,//可选选项,自动滑动
pagination: { el: '.swiper-pagination', },
})
}
显示正常