background-size:的认识;
background-size:100%;其实是元素的背景图片的宽度和元素宽度相同,高度auto;
也可理解为:background-size:100% auto;
而background:cover;这个里面有两种情况;
第一种情况相当于:background-szie:auto 100%;
第二种情况相当于:background-size:100% auto;
cover的作用主要是遮住元素,图片有个宽高比a;元素有个宽高比b;
图片的宽度等于元素的宽度;此时元素的高度必须或小于等于图片的高度;
图片的高度等于元素的高度,此时元素的宽度必须小于或等于图片的宽度
坚持下去就能成功