background-size的几种取值

1、 background-size:100%: 总是X轴100%铺满整个容器，Y轴可能被剪裁会出现空白填不满的部分，图片不变形。
2、background-size:100% 100%: 图片不保持比例放大或缩小使X轴与Y轴都铺满整个容器，图片可能会变形。
3、background-size:cover: 图片保持比例放大或缩小使X轴Y轴都铺满整个容器，但图片超出容器部分会被剪裁掉，图片不变形。
4、background-size:contain: 图片保持比例放大或缩小，若不能完整填充容器，X轴或Y轴都有可能出现白边，图片不变形。
w3school在线测试工具 v1.2