css background-size

先来看下语法：

background-size: length|percentage|cover|contain;

具体的值，百分比都ok,w3c上面说的很清楚，当时具体的值或者百分比的时候，第一个表示宽，第二个表示高，高度不设置的话会设为auto,

缺点：

图片会变形

cover:背景图像完全覆盖背景区域,会随背景区域的大小等比例缩放

缺点：

背景图像的某些部分也许无法显示在背景定位区域中。

contain：把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

缺点：

容器会留白