background-size 詳解

backgroun-size:cover;

.是按照等比縮放鋪滿整個區域。主要用於圖片比div小的時候，將圖片按照某一邊的比例擴大以填充整個div背景。
.優勢：圖片不會被拉昇，且實用於div長度和寬度的比例合適時候
.缺點：圖片會失真，且當寬度和高度比例過大時候，會出現圖片顯示不全。

backgroun-size:contain：

.也是等比縮放，按照某一邊來覆蓋顯示區域的，會有白邊。
.優勢：圖片不會拉昇，且適用於圖片比div大時候。
.缺點：有白邊

background-size:100% 100%；

.長寬100%顯示，可能會拉昇圖片。
.優勢：能使得圖片徹底在div中顯示出來。
.缺點：可能形成圖片拉昇和失真。