background-size: cantain | cover
两个的区别
cantain:按照比例调整图片大小,使用图片宽高自适应这个元素的背景区域,使图片全部包含在容器内
图片大于容器:有可能会造成容器的空白区域,将图片缩小
图片小于容器:有可能造成容器的空白区域,将图片放大
cover: 与contain相反,背景图片会按比例缩放自适应整个背景区域
图片大于容器,等比例缩小,会填充整个区域,有可能造成部分不可见
图片小于容器:等比例方法,填充整个区域,图片可能会向某个方向溢出
原文：https://www.cnblogs.com/qiuyehaha/p/13304342.html