backgroundSize:100% 100% 与 backgroundSize:100% 的区别
background-size:属性有两个值,第一个值为x轴的缩放比例或px,第二个值为y轴的缩放比例或pz;
background-size:100% 100%
当两个值都设置100%时,会拉伸填满整个容器;
background-size:100%
当只设置一个100%时,第二个值默认为auto(y轴上会根据图片原有比例,和当前设置的宽度,决定高度),这个时候宽度是占满容器的宽度的,而高度可能不足容器,也可能超出容器.
第一种效果你一定会看到完整的背景图片,但是有可能被挤压(失去图片原来的比例)
第二种效果你不一定能看到完整的图片,但是图片的比例没有发生变化。