1、在這個(gè)例子中，當(dāng)屏幕寬度小于768像素時(shí)，我們將`backgroundsize`屬性的值設(shè)置為`100% 100%`，這樣圖片會(huì)等比縮放，并在寬度上自適應(yīng)屏幕大小。

2、1輸入位置固定top0左0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入寬度100%身高100%最小寬度1000像素這個(gè)可以適合div的高度和寬度，而minwidth是在屏幕寬度在1000px以內(nèi)的情況下，保持div的大小不變。

3、如果通過(guò)css設(shè)置背景圖，那么圖片尺寸要足夠大，目前大寬屏1920左右，所以寬度最好設(shè)置為1920，然后居中如果通過(guò)div嵌入圖片，那么將此div設(shè)置成絕對(duì)定位，zindex1萬(wàn)維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面外語(yǔ)。

4、首先用dw編輯器建立了一個(gè)靜態(tài)頁(yè)面 將建好的靜態(tài)頁(yè)命名為csshtml，標(biāo)題為了“css如何設(shè)置圖片大小自適應(yīng)”在body中添加兩個(gè)div，設(shè)置不能的寬度，并設(shè)class為div1和div2，目的是用一樣的css控制圖片的寬度在不同的寬度。

5、6最后在title標(biāo)簽下面插入style標(biāo)簽如下圖所示，接著在style標(biāo)簽中編輯css樣式，如下圖所示，imgwidth100pxheightauto，這里表示把圖片設(shè)置為100px寬auto表示高度根據(jù)圖片比例自適應(yīng)設(shè)置圖片大小就完成了。

6、style=#39width50%#39 這樣就會(huì)保持屏幕的50%的寬度如果有上級(jí)標(biāo)簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%，div沒(méi)有設(shè)置寬度就會(huì)默認(rèn)是屏幕寬度，如果設(shè)置。

7、1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)。

8、至于老溢出的話有兩種解決辦法你可以設(shè)置圖片的寬度為100%，這樣圖片就可以根據(jù)你的屏幕大小改變寬度了 你可以設(shè)置包在圖片外部的div為100%，然后設(shè)置overflowhidden的屬性，這樣圖片大了之后就會(huì)溢出隱藏，不會(huì)搞亂你的。

9、05 在HTML文件中加上對(duì)樣式文件的引用，返回文件夾，雙擊HTML文件，發(fā)現(xiàn)瀏覽器的變化會(huì)引著圖片一起變化，自適應(yīng)屏幕的大小。

10、lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。

11、首先看你的背景圖片大小，如果很大的話，一般情況下很多顯示器都會(huì)顯示的合適如果是想適應(yīng)移動(dòng)設(shè)備的，用一個(gè)CSS3屬性 backgroundsizecover就可以了，可以將背景圖根據(jù)窗口大小鋪滿整個(gè)瀏覽器窗口。

12、html5中是通過(guò)css3的backgroundsize來(lái)控制自適應(yīng)的直接在圖片代碼里面設(shè)置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么給圖片統(tǒng)一一個(gè)class名例如responseimg，然后在css文件里面設(shè)置這個(gè)class h。

13、分析如下1頁(yè)面大的時(shí)候它也變大但是大到它本身的尺寸的時(shí)候，再擴(kuò)大頁(yè)面它就不大了設(shè)置最大寬高為圖片的寬高~代碼如下ltdiv style=quotmaxwidth395px maxwidth744pxquotltimg src=quotimageszs_img01gifquot。

14、效果圖片自動(dòng)伸縮，不會(huì)超過(guò)屏幕寬度原理css控制圖片的maxwidth代碼要么直接在圖片代碼里面設(shè)置style要么給圖片統(tǒng)一一個(gè)class名。

15、html圖片水平自適應(yīng)居中，如果你要用margin0 auto的話，要在外圍建立一個(gè)大的div如ltdiv style=quotwidth500px height300px margin0 autoquot ltdiv style=quotwidht200px height100pxquotltimg src=quot圖片地址。

16、css如何設(shè)置圖片大小自適應(yīng)1用dw編輯器建立了一個(gè)靜態(tài)頁(yè)面 2將建好的靜態(tài)頁(yè)命名為csshtml，標(biāo)題為了“css如何設(shè)置圖片大小自適應(yīng)”3在body中添加兩個(gè)p，設(shè)置不能的寬度，并設(shè)class為p1和p2，目的是用一樣的css控制。

17、ltstyle type=quottextcssquot lt！ body backgroundimage url”圖片地址“backgroundrepeat repeatx div1 margin0px auto width500px height370px textaligncenter backgroundurljscss。