我用的bootstrap框架做的,轮播图代码用的bootstrap上的。 如何做到pc端和移动端兼容,关键在于一张图片需要2份,一份大的图,一份小的图，通过屏幕宽度的改变,来确定展示大图片还是小图片。

这里我将2张图片放在了自定义属性data-image中,方便操作。

图片覆盖方式为cover,将整个图片铺满,定位让图片不管在pc还是移动端都能居中展示。

我用的jquery来写，定义了resize()方法，当屏幕宽度小于768的时候我让小图片将大图片替换掉，加trigger的原因是因为我遇到了图片开始的时候不出来，要改变宽度的时候才触发,所以加了trigger当图片一开始就触发，而不是resize的时候触发。