# background-size: contain 与cover的区别

作用: 都是将图片以相同宽高比缩放以适应整个容器的宽高

不同之处在于:

cover:图片宽高比不变、铺满整个容器的宽高,而图片多出的部分则会被截掉;

contain:图片宽高比不变,缩放至图片自身能完全显示出来,所以容器会有留白区域;

上次更新: 2020/10/12 下午2:13:19