背景缩放background-size

作用：规定背景图像的尺寸

格式——background-size： 图片宽度 图片高度；

1. 可以随意设置图片宽高（可能会导致图片变形）

   background-size: 100px 100px;
   

2. 可以只设置图片宽度（默认高度等比例缩放）

   background-size: 100px;
   

3. 可以设置百分比%（百分比是相对于父元素而言的）

   例：图片大小显示为父元素的一半
   background-size: 50%;
   

4. 可以设置cover（图片完全覆盖盒子，但可能有部分背景显示不全）

   background-size: cover;
   

5. contain（将图像扩展至最大尺寸，使宽度与高度完全适应内容区域——高度和宽度等比例拉伸，当宽或高有一个条件铺满盒子时，就不再进行拉伸了，所以可能会有部分空白区域）

   background-size: contain;