background-size: length | percentage | cover | contain
length,设置像素单位的高度和宽度,第一个值设置宽度,第二个值设置高度,如果只设置一个值,则第二个值会被设置为 "auto"。
percentage,设置百分比单位的宽度和高度,第一个值设置宽度,第二个值设置高度,如果只设置一个值,则第二个值会被设置为 "auto"。
cover,背景图片会按照比例自适应铺满整个容器,但如果容器不足以包含背景图片,那么背景图片就会显示不全。
contain,背景图片会按照比例自适应整个容器的宽高比,因此假如容器的整体宽高比不能恰好适应背景图片的话,那么图像可能无法铺满容器。
网友评论