css backgroundSize设置cover和conta

background-size:100% 100%: 图像完整, 将宽高填充满,但图像会变形;
background-size: 100% auto: 等比缩放, 沿 X轴铺满, 但高不会填充整个区域; 可能会留有空白;
backgroundSize cover : 等比缩放, 显示不完整,超出部分会被裁剪;
backgroundSize contain: 等比缩放, 但不会填充整个区域; 可能会留有空白;

背景图片未设置 background-size: 100% auto效果 background-size:100% 100% 效果 backgroundSize cover 效果 backgroundSize contain 效果