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