H5中图片按照比例收缩，放大

需求：后台传过来的图片不可以压缩，即便部分被截取也能够

传统方案：设置img元素以下：

       width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;

可是这种方案须要img元素的外部设置一层父元素，高度与宽度为图片的高宽度

缺点：层级嵌套又增长了一层，不利于性能

 现有方案：css的img有一个比较小众的属性 object-fit,具体可参考https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit

  object-fit:cover 便可按照比例 注意兼容性哦