background-size：contain 與cover的區別

作用： 都是將圖片以**相同寬高比**縮放以適應整個容器的寬高。 不同之處在於： 1.  在no-repeat情況下，如果容器寬高比與圖片寬高比不同， 　　cover：圖片寬高比不變、鋪滿整個容器的寬高，而圖片多出的部分則會被截掉； 　　contain:圖片自身的寬高比不變，縮放至圖片自身能完全顯示出來，所以容器會有留白區域； PS:其實，從英文的意思來說：cover意味着「遮罩、遮蓋」---此處

>>阅读原文<<