background-size：contain 与cover的区别

作用： 都是将图片以**相同宽高比**缩放以适应整个容器的宽高。 不同之处在于： 1.  在no-repeat情况下，如果容器宽高比与图片宽高比不同， 　　cover：图片宽高比不变、铺满整个容器的宽高，而图片多出的部分则会被截掉； 　　contain:图片自身的宽高比不变，缩放至图片自身能完全显示出来，所以容器会有留白区域； PS:其实，从英文的意思来说：cover意味着“遮罩、遮盖”---此处

>>阅读原文<<