background-size:的认识;

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

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

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

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

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

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

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

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

 

posted @ 2016-03-30 10:38  挥刀  阅读(191)  评论(0编辑  收藏  举报