下面是个简单的实现例子：
<div style="position:relative width:100% height:505px overflow:hidden"><img src="图片链接，我这里用的是1920*505的" style="position:absolute left:50% top:0 width:1920px height:505px margin-left:-960px"/>
</div>
如果把图片作为背景图就更简单：
<div style="width:100% height:505px background:url(图片链接，我这里用的是1920*505的) no-repeat center / cover"></div>
将img的width和height设置成固定值而不是相对值，就不会变形。当然，若是需要的话你也可以将width和height设置成固定比例，这样虽然图片可以缩放，但是图片不会扭曲变形。
