语法:background-size:length|percentage|cover|contain;length:设置背景图片的高度和宽度。percentage:将计算局部区域相对于背景的百分比。cover:保持图像的宽高比,将图像缩放到最小尺寸,完全覆盖背景定位区域。包含:保持图像的纵横比并将图像缩放到适合背景定位区域的最大尺寸。1、length参数是一个具体的值,第一个值设置宽度,第二个值设置高度。如果只给出一个值,则第二个设置为自动。例如:背景大小:200px;在一个500x300的容器中设置前后效果如下(图片原尺寸为800x530):2.percentage参数是一个百分比,主要是相对于容器的大小。第一个值设置宽度,第二个值设置高度。如果只给出一个值,则第二个设置为自动。例如:背景大小:90%80%;//在本例500*300的容器中,相当于background-size:450px240px;效果如下:3.covercover参数可以保证图片总是按比例填满容器。效果如下:4.containcontain参数可以保证图片始终能完整显示在容器中5.多张背景图片缩放,用逗号分隔例如:background-image:url(https://s2.ax1x.com/2020/02/13/1LF8iD.jpg),url(https://s2.ax1x.com/2020/02/13/1Llfg0.jpg);背景尺寸:250px150px,90%80%;注意:图像声明越接近,级别越高。示例:https://codepen.io/jianxiujiu...
