css 裁剪圖片防止圖片變形

作為前端,圖一定不能變形,不然會給人一種很網站low的效果,但是很多時候圖片都要求有一個固定的尺寸,固定寬高,這樣就不能用img圖片了,以為圖片設置固定寬高之后基本都會變形,所以用background屬性,將圖片作為div的背景圖實現,只需要設置下面兩個屬性(當然div的背景圖要設置好路徑l)

.bgImg {
      background-position: center; //這是為了讓圖片太大取其中間部分
      background-size: cover; //完全覆蓋住div不留空
}