具體步驟如下：

1、輸入position:fixed; top: 0; left: 0;使整個div固定在螢幕的最上方和最左方。

2、輸入width:100%;height:100%; min-width: 1000px;這個可以適合div的高度和寬度，而min-width是為了實現讓螢幕寬度在1000px以內時，div的大小保持不變。

3、輸入background-size: cover;-webkit-background-size: cover;-o-background-size: cover;使圖片隨螢幕大小同步縮放，但是有部分可能會被裁切，不過不至於會露白，下面兩句是為chrome和opera瀏覽器作相容。

4、輸入background-position: center 0;使圖片的位置，居中，靠左對齊。

對背景圖片設定屬性：background-size：cover;可以實現背景圖片適應div的大小。background-size有3個屬性：

auto：當使用該屬性的時候，背景圖片將保持100% 的大小顯示，不進行任何縮放。超過div的多餘部分將被隱藏。當圖片過小時，圖片會自動平鋪。這種屬性通常用來做重複性的背景或者做半透明圖片背景。cover：當使用該屬性時，圖片將被縮放至恰好能覆蓋div，並且圖片被隱藏的部分最少，這種屬性在大圖背景中應用比較廣泛。這點比較難理解，需要結合實踐理解。contain：當使用該屬性時，圖片被縮放至最大且能被完全展示出來，但是由於圖片的的尺寸比例與div的尺寸比例會有不同，所以當圖片不能蓋住div時，圖片會自動平鋪。