在css中控制插入背景圖片的大小用background-size background-size使用語法有下面四種情況 background-size: length|percentage|cover|contain length用法： background-size:100px； //背景圖片顯示的寬和高為100畫素 background-size:100px 160px；//背景圖片顯示的寬為100畫素，高為600畫素 percentage用法： background-size：60%； //背景圖片的顯示寬度和高度是圖片大小60%； background-size：60% 80%； // 背景圖片的顯示寬度是圖片大小的60%，高度是80%； cover用法： background-size：cover； //把背景影象擴充套件至足夠大，以使背景影象完全覆蓋背景區域。背景影象的某些部分也許無法顯示在背景定位區域中。 contain用法： background-size：contain； //把影象影象擴充套件至最大尺寸，以使其寬度和高度完全適應內容區域。

主要有以下幾種方法：

1-把圖片放在div的背景圖裡，再利用css3的background-size屬性，語法：

background-size: length|percentage|cover|contain;

這個CSS3的屬性作用是把背景影象擴充套件至足夠大，以使背景影象完全覆蓋背景區域，背景影象的某些部分也許無法顯示在背景定位區域中，如果不使用這個屬性，在IE11和FireFox中縮放瀏覽器，背景圖片會隨之縮小，同時使用-webkit-background-size: cover和-o-background-size: cover相容webkit核心瀏覽器和Opera瀏覽器；background-attachment屬性設定背景影象是否固定或者隨著頁面的其餘部分滾動，當設定為fixed時頁面的其餘部分滾動時，背景影象不會移動。

2-如果是有規律變化的圖，可以將圖片單獨切出來，然後repeat-x或者repeat-y進行平鋪，也是一個不錯的方法，而且圖片可以切得不用那麼大，也對圖片進行充分利用。

3-將圖片寫在img標籤裡，然後對圖片和div進行相對定位/絕對定位，效果是圖片尺寸不會隨瀏覽器縮放而變化，但是如果有豎直捲軸時，圖片不會固定而會隨捲軸移動。只需要把圖片的寬度width設定成100%就行了。