利用table實(shí)現(xiàn) parentwidth100%displaytabletablelayoutfixed left，center，rightdisplaytablecell leftwidth100px rightwidth100px 利用flex實(shí)現(xiàn) parentdisplayflex leftwidth100。

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

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控制。

當(dāng)屏幕寬度小于768px手機(jī)時(shí)，將圖片換為小圖，并在div里生成img標(biāo)簽，img的寬高隨窗口變化而變化，包裹img的div也隨之變化 1打開(kāi)代碼編輯器1html代碼的編寫(xiě)3css代碼的編寫(xiě)4js的代碼編寫(xiě)5在移動(dòng)端手指。

ltstyle type=quottextcssquot html fontsize 42px ltstyle4 按照設(shè)計(jì)圖的像素進(jìn)行開(kāi)發(fā) 按照正常網(wǎng)頁(yè)開(kāi)發(fā)流程，進(jìn)行網(wǎng)頁(yè)開(kāi)發(fā)即可5 使用百分比和rem替換px 代碼效果對(duì)比*使用固定像素*box。

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

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

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。