background-size使用时的注意点

background-size要写在background-image后面，否则background-size不会生效。

background-size有4个值分别是(length | percentage | cover | contain)。

        length: 它主要是用来规定背景的宽(width)和高(heigth)。eg: background-size: 100px 100px; 

        percentage: 它主要是用来以父元素的百分比来设置背景的宽高。 eg: background-size: 50% 50%;

        length和percentage的用法其实是相似的, 都是通过设置背景的长宽来显示图片。 如果只有一个参数, 则表示另一个参数为auto。

       cover: 它主要表示把图片扩展到足够大, 以使背景图像完全覆盖背景区域。 这里要注意背景图像的某些部分也许无法显示在背景定位区域中。eg: background-size: cover;

        contain: 它主要表示把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。eg: background-size: contain;