一个固定值: contain: 最大限度填充背景区域,但是不能被裁剪,因此例子中的图片会适应高度放大 cover: 填满背景容器区域,图片可以被裁剪,因此例子中的图片会适应宽度放大 auto: 如果图片有自身尺寸,则按照自身尺寸展示,可以看到下面的例子中图片不会撑满容器 如果图片没有自身尺寸并且没有自身比例,那么图片会填充整个背景容器,图片可能会被拉伸变
background-size: 数值 | % 一个值 代表宽高 两个值 先宽后高 %为相对于容器 background-size: cover 撑满整个div 溢出部分裁切 background-size: contain 显示完整图片 宽/高会有空白 background-repeat: no-repeat 不重复 background-position: left | right | bottom | top | center | % | px 第...