background-size

background-size:contain;

　　contain:包含

　　按比例調整圖片，使得圖片的寬度自適應容器的寬度。

　　至關於在ps中，約束比例設置原始圖片的寬度值等於容器的寬度值。

　　若是圖片過大，等比壓縮後容器的高度方向上可能會有空白。

　　

 

　　

background-size:cover;

　　cover:覆蓋

　　至關於ps中，約束比例設置原始圖片的高度等於容器的高度。

　　獲得的圖片的寬度可能會大於容器的寬度，頁面顯示的時候會隱藏超出寬度部分。

　　

background-size:100% 100%;

　　參數一：寬度值 百分比/固定值

　　參數二：高度值 百分比/固定值

　　至關於ps中，不約束比例設置原始圖片高度等於容器高度，寬度等於容器寬度後獲得的圖片

　　可能出現的狀況：圖片壓縮嚴重

　　

background-size:inherit;

　　inherit:繼承

　　不對原始圖片進行任何處理，多餘的進行隱藏。