根据图片实际宽高和需要显示的容器宽高等比例拉伸或缩小
1.父容器如div设置固定width和height,设置 overflow: hidden,设置相对定位;
2. img设置绝对定位,设置最大宽度max-width:100%,left、top、right、bottom值为0,设置margin:auto。这样可以解决不同尺寸的图片在同一个盒子里垂直水平居中,看起来又不会显得图片变形。

根据图片实际宽高和需要显示的容器宽高等比例拉伸或缩小
1.父容器如div设置固定width和height,设置 overflow: hidden,设置相对定位;
2. img设置绝对定位,设置最大宽度max-width:100%,left、top、right、bottom值为0,设置margin:auto。这样可以解决不同尺寸的图片在同一个盒子里垂直水平居中,看起来又不会显得图片变形。
