background-size

在圖片的CSS中加上 background-size:cover;
這個效果是讓背景依照圖片原本等比覆蓋整個視窗!

background-size所有屬性介紹: 預設是auto
{ background-size: hSize[, vSize] }
auto：預設值。影像的長寬比維持不變。如果 hSize 或 vSize 指派了長度或百分比值，影像將會縮放以符合這個值。如果 hSize 和 vSize 都設為 auto，則影像會縮放成原始大小的 100%。
contain：影像的長寬比維持不變，並將影像縮放成背景定位區域內可容納的最大尺寸。
cover：影像的長寬比維持不變，並將影像縮放成可完全覆蓋背景定位區域的最小尺寸。
length：hSize 可指定影像的寬度，而 vSize 則可指定影像的高度。如果只指定 hSize 或 vSize，另一個值將會設為 auto。
percentage：hSize 可指定影像的寬度，而 vSize 則可指定影像的高度。如果只指定 hSize 或 vSize，另一個值將會設為 auto。百分比是以相對於背景定位區域來計算。