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