① 請問div 的背景圖片，自動適應屏幕大小怎麼弄呀，
1、首先你要明白背景圖片沒法100%。只能通過平鋪的方式達到100%
2、你的背景圖片超過了筆記本屏幕的大小，就沒法顯示全部。
3、<style>body {background:url("bglogo.gif") repeat fixed!important;}<style>
代碼說明： fixed 固定，大背景不會因為你拉動滾動條而滾動
4、你反過來想一想，假如顯示器有30「，你的圖片100%實現了效果，圖片是不是被拉伸，是不是會失真。
------------------------借鑒團隊 寧波網站的
② css背景圖片自適應，怎麼調
用background-size屬性，你想給他多大的百分比都可以，不設置表示默認圖片大小，設置100%表示全屏顯示圖片，按比例縮小或者放大。
這樣就可以實現背景圖片自適應父容器大小而自動變化，達到填充效果。 但是，圖片會被拉伸填充，這並不是我們想要的效果，那麼我們可以不設置100%參數，而是使用cover參數。
設置cover參數以後，背景圖會按比例縮放填充滿整個背景。如果使用IE瀏覽器你會發現，上面的background-size:100% 100%;並沒有起到作用，圖片原本是怎樣就怎樣顯示，比較大就只能顯示一部分。
所以這時需要使用IE特有的濾鏡 AlphaImageLoader 兼容性在IE5.5+以上版本的瀏覽器上都可以完美運行。
1、enabled: 可選項。布爾值(Boolean)。設置或檢索濾鏡是否激活。true|false_ true: 默認值。濾鏡激活。
2、false: 濾鏡被禁止。
3、sizingMethod: 可選項。字元串(String)。設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。
4、crop: 剪切圖片以適應對象尺寸。
5、image: 默認值。增大或減小對象的尺寸邊界以適應圖片的尺寸。
6、scale: 縮放圖片以適應對象的尺寸邊界。
7、src: 必選項。字元串(String)。使用絕對或相對 url 地址指定背景圖像。假如忽略此參數，濾鏡將不會作用。
特性:
1、Enabled: 可讀寫。布爾值(Boolean)。參閱 enabled 屬性。
2、sizingMethod: 可讀寫。字元串(String)。參閱 sizingMethod 屬性。
3、src: 可讀寫。字元串(String)。參閱 src 屬性。
說明:
在對象容器邊界內，在對象的背景和內容之間顯示一張圖片。並提供對此圖片的剪切和改變尺寸的操作。如果載入的是PNG格式，則0%-100%的透明度也被提供。
PNG格式的圖片的透明度不妨礙你選擇文本。也就是說，你可以選擇顯示在PNG格式的圖片完全透明區域後面的內容。這樣我們就可以完美兼容絕大多數的瀏覽器，實現用CSS讓背景圖片100%填充了。
③ CSS中讓DIV背景圖片自適應
這個才是你真正需要的答案。<script>var MaxHeight=100; //圖片最大高度var MaxWidth=100; //圖片最大寬度</script><img border="0" src="圖片地址" onload="javascript:if(this.height>MaxHeight)this.height=MaxHeight;if(this.width>MaxWidth)this.width=MaxWidth;">
④ html背景圖片如何自適應大小
無法按你說的理想實現。
但大神們一般不會去找蓋茨非讓他把這個功能加上，一般都是想個變通的方法。
首先我不知你為什麼要用多個DIV，為什麼要用同一張圖片，為什麼有大有小，為什麼非得是背景。我給你說個思路，肯定行。
首先背景自適大小肯定行不通，那麼不是背景的話，就是一張圖片的話肯定可以行得通的（定義每個DIV寬高，裡面的圖片寬高），所以看代碼吧
<div style="position:relative;width:300px;height:200px;border:1px solid red;float:left;">
<img src="img/header_right.jpg" style="width:300px;height:200px;">
<div style="position:absolute;top:0px;left:0px;">這里放入內容1</div>
</div>
<div style="position:relative;width:200px;height:100px;border:1px solid red;float:left;">
<img src="img/header_right.jpg" style="width:200px;height:100px;">
<div style="position:absolute;top:0px;left:0px;">這里放入內容2</div>
</div>
<div style="position:relative;width:100px;height:50px;border:1px solid red;float:left;">
<img src="img/header_right.jpg" style="width:100px;height:50px;">
<div style="position:absolute;top:0px;left:0px;">這里放入內容3</div>
</div>
⑤ css背景圖片自適應
實現代碼參考：
瀏覽器支持：
Firefox 3.6+ , Chrome 1.0+ , Opera 9.63+, IE9 +
具體寫法
<style>
.container{background-image:url(『』);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
</style>
<body>
<divclass=」container」>
</div>
</body>
⑥ div+css怎麼讓背景圖片自動縮放
.imgDiv{
width:500px;
height:500px;
background-image:url('../images/index.jpg');
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
-moz-border-image: url(./btn.png) 0;
background-repeat:no-repeat9;
background-image:none9;
（此處空一行）
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index.jpg', sizingMethod='scale')9;
}
(6)div背景圖片自適應擴展閱讀：
css控制背景圖片自動伸縮自適應的小技巧
例子如下：
.picLUp{
background:url(logo.png)no-repeat;
width:100%;height:40%;
background-size:100%100%;
}
語法：
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
屬性：
enabled:
可選項，布爾值(Boolean)，設置或檢索濾鏡是否激活。true | false
true:
默認值，濾鏡激活。
false:
濾鏡被禁止。
sizingMethod:
可選項，字元串(String)，設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。
⑦ div 背景圖片的大小怎麼調整成適應div區域的大小，是背景圖片哦
position-size: 100% 100%;
不過ie低版本不支持此屬性。可以把背景換成Img標簽，做個浮動即可，絕對沒有其他問題
⑧ css文件 如何使背景圖片大小適應div的大小
對背景圖片設置屬性：background-size：cover;可以實現背景圖片適應div的大小。
background-size有3個屬性：
auto：當使用該屬性的時候，背景圖片將保持100%
的大小顯示，不進行任何縮放。超過div的多餘部分將被隱藏。當圖片過小時，圖片會自動平鋪。這種屬性通常用來做重復性的背景或者做半透明圖片背景。
cover：當使用該屬性時，圖片將被縮放至恰好能覆蓋div，並且圖片被隱藏的部分最少，這種屬性在大圖背景中應用比較廣泛。這點比較難理解，需要結合實踐理解。
contain：當使用該屬性時，圖片被縮放至最大且能被完全展示出來，但是由於圖片的的尺寸比例與div的尺寸比例會有不同，所以當圖片不能蓋住div時，圖片會自動平鋪。
⑨ 在JS中怎樣讓DIV的背景圖片自動適應
這個問題應該是CSS來解決吧。
⑩ css背景圖片自適應屏幕大小
你設置寬度高度值為100%試下