7-4.背景尺寸

背景尺寸：

1.使用的是background-size属性

2.书写格式：background-size：值1  值2；

3.值1：表示设置背景图片的宽度，合法尺寸单位：px em rem %...

4.值2：表示设置背景图片的高度,合法尺寸单位：px em rem %...

5.使用%时，是按照父元素的百分比来设置背景图片的宽度和高度

6.单独使用contain时，把背景图片扩展至最大尺寸，使宽度或者高度完全适应内容区域，图片的原始比例不会发生改变，图片不会发生变形

7.单独使用cover时，把背景图片完全扩展至足够大，使得背景图片完全充满背景区域，图片不能完全显示在背景区域中，图片的原始比例不会发生改变，图片不会发生变形

8.当只使用单个值时，另外一个值是auto，图片会按照原始比例进行缩放，不会发生变形