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 即可按照比例 注意兼容性哦