1，輸入positionfixedtop0left0將整個div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時；使用百分比，比如 lt img src=#39aipg#39style=#39width50%#39 這樣就會保持屏幕的50%的寬度如果有上級標(biāo)簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%。

ltstyle type=quottextcssquot lt！ body backgroundimage url”圖片地址“backgroundrepeat repeatx div1 margin0px auto width500px height370px textaligncenter backgroundurljscss；HTML網(wǎng)頁的開發(fā)中，需要對大小不一的屏幕兼容，使圖片在不同的設(shè)備中可以展示預(yù)期的效果自適應(yīng)屏幕的寬度，利用css中background屬性可以實(shí)現(xiàn) 工具材料 瀏覽器，文本編輯器 01 新建一個HTML文件，代碼如下圖 02。

indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼body background urlimage123jpg norepeat backgroundsize cover3瀏覽器運(yùn)行indexhtml頁面，此時圖片既沒有變形就能完整顯示在網(wǎng)頁上了。

html5中是通過css3的backgroundsize來控制自適應(yīng)的直接在圖片代碼里面設(shè)置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么給圖片統(tǒng)一一個class名例如responseimg，然后在css文件里面設(shè)置這個class h；寬度設(shè)置為100%用百分比做就好了，還可以用js獲取窗口寬度和高度，來重新設(shè)置圖片的寬度和高度；css如何設(shè)置圖片大小自適應(yīng)1用dw編輯器建立了一個靜態(tài)頁面 2將建好的靜態(tài)頁命名為csshtml，標(biāo)題為了“css如何設(shè)置圖片大小自適應(yīng)”3在body中添加兩個p，設(shè)置不能的寬度，并設(shè)class為p1和p2，目的是用一樣的css控制；當(dāng)屏幕寬度大于等于768px時，圖片使用大圖，輪播圖里的div高度固定，寬度為窗口的寬度隨窗口寬度的變化而變化當(dāng)屏幕寬度小于768px手機(jī)時，將圖片換為小圖，并在div里生成img標(biāo)簽，img的寬高隨窗口變化而變化，包裹img；1頁面大的時候它也變大但是大到它本身的尺寸的時候，再擴(kuò)大頁面它就不大了設(shè)置最大寬高為圖片的寬高~代碼如下ltdiv style=quotmaxwidth395px maxwidth744pxquotltimg src=quotimageszs_img01gifquot style=quot。

首先看你的背景圖片大小，如果很大的話，一般情況下很多顯示器都會顯示的合適如果是想適應(yīng)移動設(shè)備的，用一個CSS3屬性 backgroundsizecover就可以了，可以將背景圖根據(jù)窗口大小鋪滿整個瀏覽器窗口；如果通過css設(shè)置背景圖，那么圖片尺寸要足夠大，目前大寬屏1920左右，所以寬度最好設(shè)置為1920，然后居中如果通過div嵌入圖片，那么將此div設(shè)置成絕對定位，zindex1萬維網(wǎng)上的一個超媒體文檔稱之為一個頁面外語pag。

要使HTML文本適應(yīng)圖片的大小，可以使用CSS中的`backgroundsize`屬性和`backgroundimage`屬性以下是一個示例代碼```html ltdiv style=quotbackgroundimage url#39yourimageurl#39 backgroundsize contain width；感覺上放大或者縮小是你心里的作用，這個和布局一樣，就跟你在家用個22寸的顯示器和你去商場看個22寸的顯示器一樣，大小沒有變，但是周圍的環(huán)境大了所以你會感覺大小變了 至于老溢出的話有兩種解決辦法你可以設(shè)置圖片的；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。