1.父级宽度100%随分辨率自适应并设置超出隐藏 .banner{ width:100%; position:relative; overflow:hidden } 2.子级图片宽高固定并定位居中 .banner img{ width:1920px; height:240px; position:absolute; left:50%; margin-left:-960px; } 这样在更改分辨率时图片不断调整位置居中就不会变形了