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

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

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

當屏幕寬度小于768px手機時，將圖片換為小圖，并在div里生成img標簽，img的寬高隨窗口變化而變化，包裹img的div也隨之變化 1打開代碼編輯器1html代碼的編寫3css代碼的編寫4js的代碼編寫5在移動端手指。

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

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

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

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