需求：後臺傳過來的圖片不能夠壓縮，即使部分被截取也可以 傳統方案：設置img元素如下： 但是這種方案需要img元素的外部設置一層父元素，高度與寬度為圖片的高寬度 缺點：層級嵌套又增加了一層，不利於性能 現有方案：css的img有一個比較小眾的屬性 object-fit,具體可參考https://de ...
需求：後臺傳過來的圖片不能夠壓縮，即使部分被截取也可以
傳統方案：設置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 即可按照比例 註意相容性哦
