css 中 background-size 属性

1.background-size: 100% 100%;

1.图片会进行拉伸
2.如果只设置一个值，则第二个值会被设置为 “auto”，此时不会进行拉伸

2.background-size: cover;

1.把背景图扩展至足够大，使背景图完全覆盖背景区域(背景图某些部分可能无法显示在区域中)
2.图片不会拉伸

3.background-size: contain;

1.把背景图扩展至最大尺寸，使其宽度和高度完全适应内容区域(可能会在区域中留白)
2.图片不会拉伸