我對(duì)第三個(gè)感興趣我搜了全網(wǎng)，沒(méi)有看到合適的程序，就根據(jù)網(wǎng)上有什么修改了一下只需將以下代碼放入模板頁(yè)面中下面一段js，是目前全網(wǎng)，真的不變形js圖片，任意大小縮放當(dāng)然還有剪裁，主要是取中間部分script *。

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

也就是說(shuō)可以通過(guò)這個(gè)來(lái)設(shè)置已知尺寸比例的圖片寬度100%高度自適應(yīng)方法二使用js判斷圖片的寬度得到具體數(shù)值之后，再來(lái)利用js設(shè)置圖片的高度，具體實(shí)現(xiàn)請(qǐng)打開(kāi)百度，另外請(qǐng)注意用js實(shí)現(xiàn)的時(shí)候需要監(jiān)控頁(yè)面縮放變化以達(dá)到自適應(yīng)。

把圖片放進(jìn)框框，要幾步三步我們開(kāi)始第一步先畫(huà)個(gè)框框 這里順便安利一種自適應(yīng)框框的方法 假定需要一個(gè)在750px屏幕下寬400px，高280px的盒子 寬度 = 400 750 = 05333 高度 = 280 400。