background-size

background-size: cantain | cover

两个的区别

cantain:按照比例调整图片大小,使用图片宽高自适应这个元素的背景区域,使图片全部包含在容器内

图片大于容器:有可能会造成容器的空白区域,将图片缩小

图片小于容器:有可能造成容器的空白区域,将图片放大

cover: 与contain相反,背景图片会按比例缩放自适应整个背景区域

图片大于容器,等比例缩小,会填充整个区域,有可能造成部分不可见

图片小于容器:等比例方法,填充整个区域,图片可能会向某个方向溢出