css 裁剪图片防止图片变形

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

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

优质内容筛选与推荐>>
1、我的项目初期
2、Angularjs中对时间格式：/Date(1448864369815)/ 的处理
3、2015，任性该放下了
4、Go编程语言简介
5、Linux安装篇超详细