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