css的background-size属性

最近接触到背景图片的设置问题，再次研究了一下background的size属性

background-size主要有4个设置值，分别为length(即具体像素大小)、percentage(百分比显示)、cover、contain

下面分别说一下4个值的特点：

1. length

设置length时如果第二个属性为空，则默认为auto，即按图片的比例得出应有的height；

2. percentage

和length一样，如果第二个属性为空，则默认为auto，即按图片的比例得出应有的height；

3. cover

将图片拓展到足够大，直到设置的父元素宽和高都要被占满覆盖

4. contain

和cover不一样，虽然该属性也是将图片拓展，但只是将宽或高自适应，当宽或者高覆盖了整个父元素的宽或高（只要满足其中一个），就ok