css 裁剪图片防止图片变形

作为前端,图一定不能变形,不然会给人一种很网站low的效果,但是很多时候图片都要求有一个固定的尺寸,固定宽高,这样就不能用img图片了,以为图片设置固定宽高之后基本都会变形,所以用background属性,将图片作为div的背景图实现,只需要设置下面两个属性(当然div的背景图要设置好路径l)

.bgImg {
      background-position: center; //这是为了让图片太大取其中间部分
      background-size: cover; //完全覆盖住div不留空
}