javascript - 怎样让大图切换，在小屏的时候只展示他的中间部分，保证大图不变形

Question

大的banner图切换，用的supslide插件，大图都是1920px宽的，现在就是想让大图在小的屏幕时不变形，直接截取掉两边相等的距离的图只展示中间主要区域，保证文字图像还是1920宽的程度，从而保证他不变形，应该怎样实现

Answer 1

首先你可以用js解决这个问题

如果你是用css解决的话，媒体查询少不了的
图片用绝对定位，你得计算一下在小屏幕下你的图片超出了多少，加入超出了xx，设置left:-xx