background-size:的认识；

background-size:100%;其实是元素的背景图片的宽度和元素宽度相同，高度auto；

也可理解为：background-size:100% auto;

而background:cover;这个里面有两种情况；

第一种情况相当于:background-szie:auto 100%;

第二种情况相当于:background-size:100% auto;

cover的作用主要是遮住元素，图片有个宽高比a；元素有个宽高比b；

图片的宽度等于元素的宽度；此时元素的高度必须或小于等于图片的高度；

图片的高度等于元素的高度，此时元素的宽度必须小于或等于图片的宽度

 

转载于:https://www.cnblogs.com/suoking/p/5336174.html