background-size:cover;與background-size:contain;的區別

作用：將圖片以相同寬高比縮放以適應整個容器的寬高。 cover：圖片寬高比不變、鋪滿整個容器的寬高，而圖片多出的部分則會被截掉（以鋪滿整個容器爲主） contain：圖片自身的寬高比不變，縮放至圖片自身能完全顯示出來，所以容器會有留白區域（以顯示完整背景圖爲主）

>>阅读原文<<